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

valvalue代わりに使用する必要があるjavascript要素の有効な属性ではありません。

ライブデモ

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