JQuery UI автозаполнение выпадающего списка выбрать изменить значение другого поля и отменить выбор выпадающего списка очистить значение поля
Я работаю над шаблоном Django. Я пытаюсь найти решение, чтобы при выборе выпадающего списка автозаполнения изменялось значение этого поля ввода, которое (id=id_project_id). И если я отменяю выбор или любое изменение в поле ввода автозаполнения, очищается предыдущее значение поля ввода (id_project_id) и значение устанавливается как (value = "00").
После долгих поисков и реализации, я нашел решение. Этот код работает для меня.
<input type="text" name="package_name" id="id_package_name" placeholder="project....">
<input type="hidden" name="project_id" id="id_project_id" value="00">
Вот мой сценарий решения.
$("#id_package_name").autocomplete({
source:'{% url 'autocomplete_project_name' %}',
autoFocus: true,
select: function( event, ui ) {
$("#id_job_no").val(ui.item.job_no); // auto fill item code in id_code field
$("#id_project_id").val(ui.item.project_id);
},
// CHANGE INPUT FIELD
change: function(event, ui) {
$("#id_project_id").val(ui.item ? ui.item.project_id : "00");
},
minLength: 2,
delay:500
});
});