javascript - onchange event in textbox wont work -


can me how make how make onchange event in input work after searched in textbox.

my problem is: it's not working tried keydown , blur , jquery still doesn't work on me need guys.

html code:

<input onkeydown="updatetextboxes()" class="search_textbox" autocomplete="off" type="text" name="search" id="query" /> 

i tried using jquery $('#query').change(updatetextboxes); doesn't work :(

script code:

<script> $(document).ready(function() {      var $funiq_id = $('#funiq_id'),         $t_region = $('#t_region'),         $t_town = $('#t_town'),         $t_uniq_id = $('#t_uniq_id'),         $t_position = $('#t_position'),         $t_salary_grade = $('#t_salary_grade'),         $t_salary = $('#t_salary');      function updatetextboxes() {         $.ajax({             url: "search.php",             type: "get",             data: {term: $('#query').val()},             datatype: "json",             success: function(result) {                 var ii = 1;                 (var = 0; < result.length; i++) {                     $funiq_id.html(result[i].value).show();                     $t_region.val(result[i].region).show().trigger('input');                     $t_town.val(result[i].town).show().trigger('input');                     $t_uniq_id.val(result[i].uniq_id).show().trigger('input');                     $t_position.val(result[i].position).show().trigger('input');                     $t_salary_grade.val(result[i].salary_grade).show().trigger('input');                     $t_salary.val(result[i].salary).show().trigger('input');                     $('#id' + ii + '').val(result[i].atid).show().trigger('input');                     $('#aic' + ii + '').val(result[i].atic).show().trigger('input');                     $('#name' + ii + '').val(result[i].atname).show().trigger('input');                     $('#other_qual' + ii + '').val(result[i].other_sum).show().trigger('input');                     $('#interview' + ii + '').val(result[i].interview_sum).show().trigger('input');                     $('#opta' + ii + '').val(result[i].edu_attain2_sum).show().trigger('input');                     $('#optb' + ii + '').val(result[i].experience2_sum).show().trigger('input');                     $('#optc' + ii + '').val(result[i].trainings2_sum).show().trigger('input');                     $('#optd' + ii + '').val(result[i].eligibility2_sum).show().trigger('input');                     $('#total' + ii + '').val(result[i].final_total_sum).show().trigger('input');                     $(':input').removeattr('placeholder');                     ii++;                 }             }         });     };     $('.search_form_input').val('');     $('.search_textbox').val('');     $(".empty_batchcode").html("");     $('#execute').prop('disabled', true); });       </script> 

you getting updatetextboxes() not defined error. remove onkeydown="updatetextboxes()" html code , add jquery function:

$('.search_textbox').on('keydown', function(){        updatetextboxes()   }) 

here fiddle: http://jsfiddle.net/su9uv/


Comments

Popular posts from this blog

basic authentication with http post params android -

vb.net - Virtual Keyboard commands -

How to get multiresult with multicondition in Sql Server -