如果所有选项值都为空，则Jquery隐藏下拉列表

Question

如果所有选项值都为空，它如何隐藏列表框，我试图这样做，但它不起作用

$("#mybutton").click(function(){

    if($('#mylistbox').val().length === '') {
        $('#mylistbox').hide();
    }
});

Answer 1

您可能需要对其进行编辑！

$("#mybutton").click(function(){
   if($('#mylistbox').val().length == 0) { // int value
     $('#mylistbox').hide();
   }
});

因为''将与val()方法一起使用。您可以使用int 0，并将用于检查值的长度。

因此，如果您想使用val()方法，请使用

if ($('#mylistbox').val() === '') {
   // code here...
}

但是如果你想使用元素的length属性。然后使用

if ($('#mylistbox').val().length == 0) {
  // code here...
}

Answer 2

使用匹配具有非空值的选项的选择器，并获取集合的长度。

if ($("#mylistbox option[value!='']").length == 0) {
    $("#mylistbox").hide();
}