onchange function 使用 select 选项在 javascript 中不起作用

Question

onchange event function not work using select option. I am create a getval function.

 $('.name-list').css('display', 'block'); // $(".name-list").change(function(){ function getval(sel) { var select_list = $(sel).text(); $(".target").val(select_list); event.preventDefault(); //Selecte list then hide $('.name-list').css('display', 'none'); getcodenamefun(); $(".next-focus").focus(); return false; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <td> <input type="text" name="ccode" class="td-size target" autocomplete="off" onkeydown="get(this.value);"> <select class="form-control name-list" name="codelist" id="data" style="display: none;" onchange="getval(this.value);"> <option value="1">15170</option> <option value="2">15490</option> <option value="3">11070</option> </select> </td>

Answer 1

 $('.name-list').css('display', 'block'); // $(".name-list").change(function(){ function getval(sel) { var select_list = $(sel).val() $(".target").val(select_list); event.preventDefault(); //Selecte list then hide $('.name-list').hide(); //getcodenamefun(); $(".next-focus").focus(); return false; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <td> <input type="text" name="ccode" class="td-size target" autocomplete="off" onkeydown="get(this);"> <select class="form-control name-list" name="codelist" id="data" style="display: none;" onchange="getval(this);"> <option value="1">15170</option> <option value="2">15490</option> <option value="3">11070</option> </select> </td>

onchange="get(this)" and on javascript $(sel).val() will fix your problem.

To hide an element you can use hide() method instead of changing it's style property. $(selector).hide() and $(selector).show()