当另一个选择被更改为jquery时,为空选择

时间:2012-01-06 04:46:27

标签: jquery select

您好我正在尝试使用此代码清空输入选择:

$(document).on('change', '#firstselect', function(){
    if($('#secondselect').length > 1){
        $('#secondselect').empty();
        var html = '<option value="9997" selected="selected">ESCOJE UNA SUBCATEGORIA</option>'
        $('#subcategoria').html(html);
    }
});

现在它可以正常使用0,但为什么如果它不是?

注意:首先,select显示的选项是在清空后添加的,当第一个选择是changued时,它填充了来自服务器的信息,但我没有放置该代码,因为它不相关。

编辑:看起来如果你改为&gt; =它确实有效,但是如果它的&gt; = 2不是为什么?

2 个答案:

答案 0 :(得分:1)

您正在比较select元素的长度,而不是其中option元素的数量。因此,只有1个选择元素与该ID匹配。

if($('#secondselect option').length > 1) {
    // do stuff

答案 1 :(得分:0)

$(document).on('change', '#firstselect', function(){
    if(($('#secondselect').length) >= 1){
        $('#secondselect').empty();
        var html = 'ESCOJE UNA SUBCATEGORIA'
        $('#subcategoria').html(html);
    }
});