Как написать обработчик события JQuery для зависимых полей автозаполнения?

Question

У меня есть форма с 2 текстовыми полями, которые заполняются с помощью автозаполнения. Теперь, когда я ввожу какое-то значение в форму 1 (через автозаполнение), я хочу, чтобы второе поле формы извлекало значения автозаполнения, используя текст, введенный в поле 1 в качестве одного из параметров. Допустим,

текст 1 <содержит названия автомобилей, которые заполняются автоматически>

текст 2 <модели всех автомобилей, снова заполненных автоматически> (ключ = марка автомобиля)

После ввода значения в тексте 1, например, Ford, я хочу вызвать событие, которое будет загружать автозаполнение text2, принимая «Ford» в качестве ключа, т.е. загружать все автомобили, принадлежащие «Ford» (все автозаполнения происходят через ajax-вызовы)

Какой лучший триггер событий (нажатие клавиш, keyup или onchange), который я должен использовать, чтобы добиться этого без проблем с задержками или синхронизацией?

Дайте мне знать, если мне непонятно.

Answer 1

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

 <input type="text" name="text1" value="whatever" id="text1" />
 <input type="text" name="text2" value="whatever" id="text2" />

Теперь вы можете использовать JQuery следующим образом:

 $("#text1").blur(function(){
    $("#text2").val = $(this).val();
 });

Я использовал здесь событие blur , но вы можете использовать соответствующее нажатие клавиши , изменение согласно вашему требованию.

Answer 2

Вы можете использовать ajax для получения полного набора данных, а затем вставить данные в форму, используя js что-то вроде:

jQuery("#formID").value('value')

Answer 3

Я бы использовал событие "focusout" в первом текстовом поле.

$('#text_box_one').focusout(function() {
  //Your auto-complete code goes here.
  //Or preferably replace this inline function with a call to an auto-complete function
});