javascript - JQuery如何区分具有选项选定属性的选择选项和不具有选定值的选择

Question

我正在使用网络服务填充多个select。 此 Web 服务正在返回选定的值。

好吧，目前要渲染它们，我有两个不同的选择

<select id='select1'>
<option value='1'>Option 1</option>
<option value='3'>Option 3</option>
</select>

<select id='select2'>
<option selected="selected" value='A'>Option A</option>
<option value='B'>Option B</option>
</select>

嗯，第一个 select 没有任何 selected 属性，而第二个则有。

当我执行时:

$("select1").find("option:selected").val(); //Returns 1
$("select2").find("option:selected").val(); //Returns A

如何确定 select 何时真正选择了某个选项？

Answer 1

您可以查找 [selected]，而不是使用 :selected 来查找选定的状态，它将检查 所选属性。

var $selectedOption = $("#select1 option[selected]");

if ($selectedOption.length) {
    //option selected
    console.log(selectedOption.val() + " selected.");
} else {
    //no option selected
    console.log("Nothing selected.");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id='select1'>
<option value='1'>Option 1</option>
<option value='3'>Option 3</option>
</select>

<select id='select2'>
<option selected="selected" value='A'>Option A</option>
<option value='B'>Option B</option>
</select>