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>

Я думаю, что он пытался получить неправильные поля.