javascript - 如何知道选项元素是否设置了值属性？

Question

当选择“评论”值时，我无法获取 null。

让我们看下面的例子:

<select id="assignToGroup" name="assign_to_group">
    <option>Select a Group</option>
    <option value="1">A</option>
    <option value="2">B</option>
</select>

当我在选择“选择组”选项时执行 $('#assignToGroup').val() 时，我实际上得到的是“选择组”而不是 空。

尝试执行一些其他功能(例如 attr 等)时也会发生同样的情况。

当选择第一个没有设置任何 value 属性的选项时，哪个函数中的任何指针将返回 null 或者可能返回 ""？

Answer 1

最简单的方法是在“选择组”选项上添加 value=""，但您也可以这样做

$('#assignToGroup').on('change',function() {
  console.log($('#assignToGroup option:selected').attr('value'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="assignToGroup" name="assign_to_group">
    <option>Select a Group</option>
    <option value="1">A</option>
    <option value="2">B</option>
</select>

这将为“选择组”选项提供未定义。