jQuery自动完成多个输入字段

时间:2011-04-05 21:23:05

标签: php jquery autocomplete

嘿伙计们, 我已经从formvega(http://www.fromvega.com)下载了jQuery中的自动完成脚本,我遇到了一个问题。我想让这个工作为几个输入字段,我试图让它工作买它连接到输入类。问题是当我这样做时,第一个表单用相同的内容填充所有其他表单。我想这是.js文件中的变量的一些问题,但我似乎无法弄清楚它是什么。

以下是.js文件的一些代码:

var acListTotal   =  0;
var acListCurrent = -1;
var acDelay = 500;
var acURL   = null;
var acSearchId = null;
var acResultsId = null;
var acSearchField = null;
var acResultsDiv  = null;

function setAutoComplete(field_class, results_id, get_url ){
// initialize vars
acSearchId  = "." + field_class;
acResultsId = "#" + results_id;
acURL       = get_url;

// create the results div
$("body").append('<div id="' + results_id + '"></div>');

// register mostly used vars
acSearchField   = $(acSearchId);
acResultsDiv    = $(acResultsId);

// reposition div
repositionResultsDiv();

1 个答案:

答案 0 :(得分:1)

我没有看到将自动填充应用到文本框的实际代码。但是我可以假设它与此类似。

<input type="text" class="auto-complete" />
<input type="text" class="auto-complete" />
<input type="text" class="auto-complete" />

$(".auto-complete").autoComplete({... options ...});

你需要循环遍历它们,以便将它们设置为自己的范围

$texts = $(".auto-complete");
$.each($text, function(i, val) {
    $(val).autoComplete({... options ...});
});