从属下拉列表的值未正确传递

时间:2019-05-09 04:27:50

标签: javascript jquery

我有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>
.........

0 个答案:

没有答案