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，

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

jQuery：值未定义

3 个答案: