基於下拉選擇的顯示文本

我正在嘗試編寫一些相當基本的代碼，但很多年沒有碰過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， 206,218,220,222,224

有沒有人知道最好的方法去做這件事？我感謝幫助！

來源

2015-01-09 Phil Dinovo

使用'option's的'value'屬性包含'red'或'black'。顯示文本將是數字，但'select'元素val（）來自所選選項的'value'。 – 2015-01-09 23:01:16

使用value屬性option s包含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()); 
});

來源

2015-01-09 23:06:35

基於下拉選擇的顯示文本

回答

相關問題