我有两个单独的表单字段,我想利用jQuery的自动完成功能。目前我定义了2个单独的函数以及2个不同的字段输入标识符。目前只有一部作品。这是我的代码看起来像
form.cfm
<script type="text/javascript">
$(function() {
$("#name").autocomplete({
source: function(request, response) {
$.ajax({
url: "cfc/cfc_auto1.cfc?method=getCustomerNames&returnformat=json",
dataType: "json",
data: {
nameCustomerSearchString: request.term,
nameid: request.term,
Comp: $('#Comp').val(),
maxRows: 25
},
success: function(data) {
response(data);
}
});
}
});
});
</script>
<script type="text/javascript">
$(function() {
$("#name2").autocomplete({
source: function(request, response) {
$.ajax({
url: "cfc/cfc_auto2.cfc?method=getNames&returnformat=json",
dataType: "json",
data: {
nameSearchString: request.term,
nameid: request.term,
Comp: $('#Comp').val(),
maxRows: 25
},
success: function(data) {
response(data);
}
});
}
});
});
<form...
<input id="Name" name="Contact" value="" size="70" />
.../form>
<form...
<input id="Name2" name="Contact" value="" size="70" />
.../form>
我可以展示cfc,但它们在自己使用时都能正常工作。除查询外,它们完全相同。 Auto1.cfc查询另一个表,然后查询Auto2.cfc。
答案 0 :(得分:0)
从我看到的输入字段的name
属性与其id
属性不同。
此外,两个输入字段共享相同的name
属性。尝试做:
<form name="form1" id="form1">
<input id="Contact1" name="Contact1" value="" size="70" />
...
</form>
<form name="form2" id="form2">
<input id="Contact2" name="Contact2" value="" size="70" />
...
</form>
我认为它试图找到错误的领域。