如何为依赖的自动完成字段编写jquery事件处理程序?

时间:2010-02-16 13:31:02

标签: jquery forms autocomplete event-handling keypress

我有一个包含2个文本字段的表单,可以使用自动完成填充。现在当我在表单1中输入一些值(通过自动完成)时,我希望第二个表单字段使用在field1中输入的文本作为参数之一来获取自动完成值。让我们说,

文本1<包含自动填充的汽车品牌名称>

text 2<所有汽车的车型再次自动填充> (关键=汽车品牌)

输入文本1中的值,例如福特,我想触发一个事件,它将加载自动填充text2,以'福特'为关键,即加载属于'福特'的所有车辆 (所有自动填充都是通过ajax调用来发生的)

哪个是最好的事件触发器(keypress,keyup或onchange),我应该用它来无缝地实现这一点而不会出现任何时间滞后或同步问题?

如果我不清楚,请告诉我。

3 个答案:

答案 0 :(得分: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 事件,但你可以根据你的要求使用相应的 keypress change

答案 1 :(得分:1)

您可以使用ajax获取完整的数据集,然后使用js将数据插入到表单中:

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

答案 2 :(得分:0)

我会在第一个文本框中使用“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
});