html - jspを使用した選択に基づいて、ドロップダウンリストの対応する番号を表示します

Question

2つのドロップダウンメニューがあり、1つは車の名前のリスト、もう1つは番号のリストです.1番目のddlから車の名前のいずれかを選択すると、2番目のメニューには選択に関連する対応する番号が表示されます。

<form method="post" action="sample2.jsp">
<select name="sel1">
<option value="Alto">Alto</option>
<option value="Esteem">Esteem</option>
<option value="Honda City">Honda City</option>
<option value="Chevrolet">Chevrolet</option>
</select>
<br>
<select name="sel2">
<option value="1.1">1.1</option>
<option value="1.2">1.2</option>
<option value="1.3">1.3</option>
<option value="1.4">1.4</option>
</select>
<input type="Submit" value="Submit">
</form>

例：alto-> 1.1

Answer 1

以下のようにjQueryでそれを行うことができます：

$('#sel1').change(function(){    
    var index = $('#sel1').attr('selectedIndex');
    $('#sel2').attr('selectedIndex', index);        
});

次の例を参照してください: http://jsfiddle.net/a2crA/1/