jQuery 得到 select 选项值为空

Question

<select name="category" id="category">
    <option value="">All Category</option>
    <option value="1">Category 1</option>
    <option value="2">Category 2</option>
    <option value="3">Category 3</option>
</select>

如何选择 value="" 的类别

正确的条件：

if($('#category option:selected')){
    var category_url = "&category="+$('#category').val();    
    <!-- True -->
}

条件2错误：

if($('#category option[value=""]')){
    var category_url = "";                              
    <!-- Error  -->
}

Answer 1

我不确定我是否正确理解你的问题，但你是否想要做这样的事情？

if($('#category option:selected')){
     var selValue = $('#category').val();
     var category_url;

     if(selValue)
         category_url = "&category="+$('#category').val();    <!-- True -->
     else
         <!-- error -->
}

Answer 2

if(!$("#category").val())
     //selected valule is ""

Answer 3

这有点旧，但你可以这样做：

$('#category').find('option:empty')

Answer 4

实际上，如果你告诉浏览器什么也不做，那就是jox：

$("#category option").attr("selected", false); //Unselect each option

默认情况下，浏览器将选择将显示第一个选项，无论选项的值是什么。

希望这会有所帮助:)

Answer 5

对于 RadioButtons 组

 $("input[type='radio'][value='']").prop("checked", true);

Answer 6

问题太旧了。 但它对其他人有用。

$( <selector> ).find('option[value="<required-value>"]').attr('selected','selected')