我第一次学习Javascript。 我正在尝试为listbox1选择一个值,并且基于该值,它必须选择listbox2中的值。
这就是我编码的内容。
<html>
<head>
function choose() {
if(document.getElementById('City').value===1) {
document.getElementById('subcity').value ="1";
document.getElementById('subcity').text ="Adyar, chennai";
}
}
</head>
<body>
<select name="City" onchange ="choose()" onclick="" id="City" >
<option value="0">Select City</option>
<option value="1">Chennai</option>
<option value="2">Bangalore</option>
</select>
<select name="subcity" id="subcity" >
<option selected="selected" value="0">Select sub area</option>
<option value="1">Adyar, chennai</option>
<option value="2">Electronic city, bangalore</option>
</select>
</body>
</html>
但它似乎没有改变或设置第二个列表框。它仍然向我展示了我内心的所有选择。
您能告诉我在listbox2中设置值的正确方法吗?
答案 0 :(得分:0)
您可以尝试使用jQuery
$('#City').change(function() {
$('#subcity').val($('#City').val());
});
将它放在一个单独的js文件中,并从html:http://jsfiddle.net/Re8Cc/
中调用它