Блог

Главная - Вопросы по программированию - Текстовое поле ввода становится пустым после события onchnage

Текстовое поле ввода становится пустым после события onchnage

#javascript #callback #onchange

#javascript #обратный вызов #onchange

Вопрос:

У меня есть ввод, как показано ниже

 <input type="text" placeholder="Select your arrival date..."
                                                    class="input__input datePickerBar__input " id="inpCalendarDate" onchange="dateFunction(event);false"/>

и мой введенный ввод теряется после изменения события. Я попробовал, как показано ниже

 function dateFunction(event){


var bla=$("#inpCalendarDate").val();
    console.log(bla);
    event.preventDefault();
    return false;
    $("#inpCalendarDate").val("test");
}

Но мой inpCalendarDate становится пустым. Пожалуйста, помогите

Комментарии:

1. В чем смысл the ;false , the event.preventDefault(); и the return false; ?

Ответ №1:

После return инструкции код недоступен, поэтому он не обновляет поле ввода. Либо удалите оператор return, либо добавьте его в качестве последней строки функции

 function dateFunction(event) {
  var bla = $("#inpCalendarDate").val();
  event.preventDefault();
  $("#inpCalendarDate").val("test");
}  
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" placeholder="Select your arrival date..." class="input__input datePickerBar__input " id="inpCalendarDate" onchange="dateFunction(event)" />