我有2个从属下拉列表 一个是下拉列表(id =“ SOURCE-ID”),它是一个主要下拉列表 另一个是下拉菜单(id =“ SET-1”)和下拉菜单(id =“ SET-2”),它们应根据下拉菜单(id =“ SOURCE-ID”)进行更改
我的问题是,当我从下拉列表(id =“ SOURCE-ID”)中选择“代理”时,我将从隐藏的下拉列表(id =“ SET-2”)中获得第一个值。
----- Java Script in Head Section ---------------
$(document).ready(function() {
$('#SOURCE-ID').change(function(){
if($('#SOURCE-ID').val() === 'Agent'){
$('#SET-1').show();
} else {
$('#SET-1').hide();
}
});
});
$(document).ready(function() {
$('#SOURCE-ID').change(function(){
if($('#SOURCE-ID').val() === 'Corporate'){
$('#SET-2').show();
} else {
$('#SET-2').hide();
}
});
});
----- Java Script in Head Section ---------------
----- Body ---------------
<select id="SOURCE-ID" name="vSource" class="gender">
<option value="Agent">Agent</option>
<option value="Corporate">Corporate</option>
.....
<select id="SET-1" name="vType">
<option value="Retail Agent">Retail Agent</option>
......
<select id="SET-2" name="vType" style="display: none;"/>
<option value="Government">Government</option>
.........