具有空值属性的select元素的jQuery选择器?

hyb*_*rid 4 jquery select jquery-selectors

我正在使用下面的选择器来获取预先填充了值的所有表单输入.

$('input[value!=""]');
Run Code Online (Sandbox Code Playgroud)

这很好用,所以我想我可以使用下面的选择器将相同的逻辑应用于我的选择元素,尽管它似乎是在Chrome中选择所有选择元素.

$('select[value!=""]');
Run Code Online (Sandbox Code Playgroud)

下面是表单上两种选择的示例:

<select name="phone2_type" id="phone2_type">
  <option value="">Select one:</option>
  <option value="HOME">Home</option>
  <option value="CELL">Cell</option>
  <option value="BUSN">Business</option>
</select>

<select name="state" id="state">
  <option value="">Select one:</option>
  <option value="XX">Outside USA/Canada</option>
  <option value="AL" selected="selected">Alabama</option>
  <option value="AK">Alaska</option>
  ...
</select>
Run Code Online (Sandbox Code Playgroud)

我想选择第二个选择,因为它已经使用select ="selected"选择了一个值

the*_*dox 7

value不是select标签的属性.

所以你需要尝试:

var emptySelect = $('select').filter(function() {
                     return $.trim( $(this).val() ) == '';
                  });
Run Code Online (Sandbox Code Playgroud)