jQuery的：值未定義

Question

我正在呈現使用Ajax調用PHP中的選擇框，輸出來像

<select onchange = 'addtolist(this.val)' name='select_val' id='select_val' class= 'required'> 
<option value='xzvfxcv'>xzvfxcv</option> 
<option value='dfscs'>dfscs</option> 
</select> 

確定，這裏就是我的功能addtolist

function addtolist(id){ 
    alert(id); 

} 

現在同時改變選擇盒我得到undefined

請幫我出來我可能做錯了什麼？

Answer 1

val是不是必須使用value，而不是JavaScript的元素的有效屬性，

Live Demo

<select onchange = 'addtolist(this.value);' name='select_val' id='select_val' class= 'required'> 
    <option value='xzvfxcv'>xzvfxcv</option> 
    <option value='dfscs'>dfscs</option> 
</select> 

Answer 2

您可以使用onchange，如果你想要的，但我覺得這已經在很大程度上取代保持腳本編寫在一起。獲得完全擺脫onchange更新你的JavaScript：

$("#select_val").on('change', function() { 
    //or alert() if you must 
    console.log($(this).val()); 
}); 

Answer 3

試試這個

<select onchange = 'addtolist(this);' name='select_val' id='select_val' class= 'required'> 
<option value='xzvfxcv'>xzvfxcv</option> 
<option value='dfscs'>dfscs</option> 
</select>​ 

和

function addtolist(id) { 
    alert(id.value); 
}​