根据下拉选择显示文本

Question

我正在尝试编写一些相当基本的代码，但是多年没有接触过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

有谁知道最好的方法吗？ 感谢您的帮助！

Answer 1

使用option的value属性包含red或black 。 显示文本将是数字，但是select元素val（）来自所选选项的value 。

HTML（此示例已缩短）：

<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>

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

$('select').change(function(){
    $('#output').val($(this).val());
});