3下拉菜单国家,州,城市
code
<script>
$(document).ready(function() {
$("#item1, #item2").change(function() {
var value = $(this).val();
$("#item2").html(options[value]);
var value1 =$("#item2").val();
$("#item3").html(options1[value]);
});
var options = [
"<option value='test'>IN state-1</option><option value='0'>IN state-2</option>",
"<option value='test'>US state-1</option><option value='1'>US state-2</option>",
"<option value='test'>UK state-1</option><option value='2'>UK state-2</option>"
];
var options1 = [
"<option value='test'>IN-state -1 city 1</option><option value='1'>IN-state -1 city 1</option>",
"<option value='test'>US -state -1 city-1</option><option value='2'>US -state -1 city-2</option>",
"<option value='test'>UK -state -1 city-1</option><option value='3'>UK -state -1 city-2</option>"];
});
</script>
<div class="content-header">
<div class="container-fluid">
<div class="row">
<select id="item1">
<option disabled="disabled" selected="selected">--select--</option>
<option value="0">India</option>
<option value="1">US</option>
<option value="2">UK</option>
</select>
<select id="item2">
<option value="">-- select one -- </option>
</select>
<select id="item3">
<option> -- select another one --</option>
</select>
</div>
</div>
</div>
这里,州根据县而变化,但是城市不在根据州而变化。
* option var = for state
option1 var-for state of state 1 ... *
现在我想为州2添加城市如果选择州-2
,则将显示城市最终总结:所以基本上国家根据国家而改变,我想根据州更改城市。希望你
按照您所使用的样式,以下是解决方案。本质上,我正在根据item2