html - 使用jsp根据选择显示下拉列表的相应编号

Question

我有 2 个下拉菜单，一个是车名列表，另一个是号码列表。如果我从第一个 ddl 中选择任何一个车名，第二个应该显示与选择相关的相应号码。

<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>

示例：中音->1.1

Answer 1

您可以使用 jQuery 如下所示：

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

参见示例：http: //jsfiddle.net/a2crA/1/