根据下拉选择显示文本

时间:2015-01-09 22:59:34

标签: javascript jquery

我试图编写一些相当基本的代码,但多年来没有触及JavaScript,我真的不确定最好的方法。

目标:选择42个竞技场区号后下拉列表,将显示"红色"或"黑"基于这个数字。为了提供过多信息,部分编号为:

黑色: 103,105,107,111,113,115,119,121,123,127,129,131,201,203,205,207,209,217,219, 221,223,225

红色: 104,106,110,112,114,116,120,122,126,128,130,132,202,204,206,218,220,222,224 < / p>

有谁知道解决此问题的最佳方法?我很感激帮助!

1 个答案:

答案 0 :(得分:0)

使用value的{​​{1}}属性包含optionred。显示文本将是数字,但black元素val()来自所选选项的select

HTML(示例缩写):

value

http://jsfiddle.net/25mneof2/1/

<select>
    <option value="black">103</option>
    <option value="black">105</option>
    <option value="black">107</option>
    <option value="black">111</option>
    <option value="black">113</option>
    <option value="black">115</option>
    <option value="red">104</option>
    <option value="red">106</option>
</select>