基于下拉选择显示文本

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

使用选项的属性来包含红色或黑色。显示文本将是数字，但select元素val（）来自所选选项的值。

超文本标记语言（示例缩写）：

<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());
});