드롭 다운 선택을 기반으로 한 텍스트 표시

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