javascript - 如何检测使用 JQuery(或 Javascript)选择的隐式 HTML 选项

Question

如果我有一个像这样的标记 block :

<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>并避免不必要的代码。