jQuery多个表单输入和多个源

时间:2011-09-03 17:30:25

标签: jquery-ui coldfusion autocomplete

我有两个单独的表单字段,我想利用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。

1 个答案:

答案 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>

我认为它试图找到错误的领域。