Как обнаружить неявный выбор опции HTML с JQuery (или Javascript)

Question

Если у меня есть блок разметки, как это:

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

значение по умолчанию будет «Вольво», даже если там не выбрано =» выбранного "свойства по любой опции.

Есть ли способ узнать, получено ли значение через явное выбранное свойство по сравнению с неявным значением по умолчанию?

Если да, то какой именно код Javascript или JQuery для этого?

Answer 1

Вы можете просто проверить выбранный атрибут:

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

Answer 2

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

Или просто добавьте <option> ---- Choose ---- </option> и избегайте этого ненужного кода.

Answer 3

Может быть, я не понял вопрос, но volvo выбран по умолчанию, так как работает HTML.

Вы можете использовать предложение Ohgodwhy для «пустого» варианта.

Вот fiddle