当另一个选择改变时jquery为空选择

Question

您好，我正在尝试使用以下代码清空输入选择：

$(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 但为什么如果它是 1 则不能呢？

注意：首先，选择具有显示的选项，该选项在清空后添加，当第一个选择更改时，它会填充来自服务器的信息，但我没有放置该代码，因为它不相关。

编辑：看起来如果你确实更改为 >= 它确实有效，但如果它 >=2 则不起作用，为什么？

Answer 1

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

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

Answer 2

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