jquery - jQuery：值未定义

Question

我在 php 中使用 Ajax 调用渲染一个选择框，输出就像

 <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不是您必须使用的 javascript 元素的有效属性value，

现场演示

<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);
}​