document.getelementById (""). значение не работает в случае вызова Ajax?

Question

Я хочу сделать поиск, и он может искать много раз.когда он будет отправлен, он отобразит значение в текстовом поле с помощью document.getelementById (""). value.Все работает хорошо, но я добавил ajax для поиска по фильтру, document.getelementById (""). Значение не может работать.

        $(document).ready(function() {
            $('#job_no').change(function() {
                $.ajax({
                    type: 'POST',
                    data: {JOB_NO: $(this).val()},
                    url: 'select.php',
                    success: function(data) {
                        $('#input_na').html(data);
                    }
                });
                return false;
            });
        });

<script type="text/javascript">document.getElementById('input_na').value = "<?php echo $_POST['input_na'];?>";</script>

Answer 1

Попробуйте это:

$(document).ready(function() {
  $('#job_no').change(function() {
    var $this = $(this); //add this line
    $.ajax({
      type: 'POST',
      data: {JOB_NO: $this.val()}, //change this line
      url: 'select.php',
      success: function(data) {
        $('#input_na').html(data);
      }
    });
    return false;
  });
});

функция 'this' в $ .ajax (..) не будет ссылаться на $ ('# job_no'), поэтому ее следует назначить другой переменной "$this "для использования внутри функции ajax.