jQuery获取选择选项值空答案

【问题标题】：jQuery get select option value emptyjQuery获取选择选项值空
【发布时间】：2011-12-14 09:58:42
【问题描述】：

<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  -->
}

请帮帮我！！！

【问题讨论】：

添加您想要实现的目标，以便我们为您指明正确的方向。例如，您的条件 2 将始终返回“true”，因为始终存在 value=""，即使未选择该值。
如果你使用$("option[value=]")，这曾经在旧版本的 jquery (1.7.2) 中工作，但现在它不再可用了。

标签： javascript jquery select option

【解决方案1】：

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

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

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

【讨论】：

if($('#category option:selected')){ 将总是返回true。你需要检查length。
非常感谢。我确实成功使用了代码：var category_url = ''; if($('#category').val() != ''){ category_url = "&category="+$('#category').val(); }

【解决方案2】：

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

【讨论】：

非常感谢。我确实成功使用了代码：var category_url = ''; if($('#category').val() != ''){ category_url = "&category="+$('#category').val(); }

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

事实上，如果你告诉浏览器什么都不选择，它就会做恶作剧：

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

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

希望这会有所帮助:)

【讨论】：

【解决方案5】：

这个问题太老了。但它可能对其他人有用。

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

【讨论】：