jQuery $.value on select > 没有 value 属性的选项

Question

给定这段 HTML 代码:

<select id="menu">
    <option>hi</option>
    <option>bye</option>
</select>

这段 jQuery 代码:

$("#menu option").first().attr("value")

返回 hi , 即使没有 value菜单中第一个选项的属性。

如果<option>有一个 value属性，value如预期的那样返回属性。

如何让上面代码的返回值为undefined/其他我能识别的东西？或者我可以检查一下 value属性已设置，只有在未设置的情况下才运行上面的代码？

Answer 1

使用 :not([attr]) 选择器:

$("#menu option:not([value])");

http://jsfiddle.net/userdude/NQm54/

我还验证了更改后，[value] 仍报告为未设置，因此您继续收到没有 value 属性的相同两个元素。

$('#menu').change(function(){
  console.log($(this).val());
  console.log($("#menu option:not([value])"));
});

http://jsfiddle.net/userdude/NQm54/2/