jQuery 多表单输入和多源

Question

我有 2 个独立的表单字段，我想在其中使用 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 不同的表。

Answer 1

据我所知，输入字段的 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>

我认为它试图获取错误的字段。