javascript - 如何使用 JQuery（或 Javascript）检测隐式 HTML 选项选择

Question

如果我有这样的标记块：

<select>
   <option value="volvo">Volvo</option>
   <option value="saab">Saab</option>
   <option value="opel">Opel</option>
   <option value="audi">Audi</option>
</select>

即使在任何选项上都没有 selected="selected" 属性，默认值也会是“volvo”。

有没有办法判断该值是通过显式选择属性还是通过默认隐式值派生的？

如果是这样，那么执行此操作所需的 Javascript 或 JQuery 代码是什么？

Answer 1

var $changed;
$('select').on('change', function(){
    $changed = true;
});
if($changed){
    //manual selection event
}else{
    //nope, it's default
}

或者，只需添加<option> ---- Choose ---- </option>并避免不必要的代码。

Answer 2

您可以只检查选定的属性：

if(!$('select').find('option[selected]').length)
    alert('default option');

Answer 3

也许我没有得到这个问题，但volvo由于 HTML 的工作原理，默认情况下被选中。

您可以将 Ohgodwhy 建议用于“空白”选项。

这是一个小提琴