根据下拉选择显示文本答案

【问题标题】：Display Text Based On Dropdown Selection根据下拉选择显示文本
【发布时间】：2015-03-08 08:52:08
【问题描述】：

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

有谁知道解决这个问题的最佳方法？感谢您的帮助！

【问题讨论】：

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

标签： javascript jquery

【解决方案1】：

使用options 的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());
});

【讨论】：