Question

i am rendering a select box using Ajax call in php and the output is coming like

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

ok and here is my function addtolist

function addtolist(id){
  alert(id);

}

now while changing the select box i am getting the undefined

please help me out out what might i am doing wrong ?

Answer 1

val is not valid attribute of javascript element you have to use value instead,

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>