Как я могу заполнить выбранный элемент из результатов поиска автозаполнения JQuery UI? - PullRequest
Новая
       9

Как я могу заполнить выбранный элемент из результатов поиска автозаполнения JQuery UI?

0 голосов
/ 19 мая 2011

Я довольно новичок в JQuery и Javascript ...

В настоящее время я использую следующую технику или код для заполнения полей ввода из набора автозаполнения результатов поиска интерфейса пользователя JQuery ... 

    var PopulateFields = function(event, ui){
                $('#Custid').val(ui.item.Custid);
                $('#Alpha1').val(ui.item.Alpha1);
                $('#Alpha2').val(ui.item.Alpha2);
                $('#CustName').val(ui.item.CustName);
                $('#Address1').val(ui.item.Address1);
                $('#Address2').val(ui.item.Address2);
                $('#City').val(ui.item.City);
                $('#State').val(ui.item.State);
    }
    $( "#search-by-custname" ).autocomplete({
                source: "cust_search_by_name.php",
                minLength: 4,
                select: PopulateFields
    });

Сценарий php извлекает информацию из базы данных и возвращает ее обратно через JSON в следующем формате: 

    [{"label":"A Tire Store","value":"A Tire Store","Custid":"10000","Alpha1":"COD123456","Alpha2":"TIRE","CustName":"A Tire Store","Address1":"123 Cherry Lane","Address2":"","City":"City of Bla","State":"FL","Zip":"555555"}]

Это прекрасно работает с полями ввода.
Однако, если бы я хотелсделать State поле выбора, как бы я заполнил это поле выбора существующим значением в записи клиента?

Или это невозможно?

Я пытаюсь создать форму ввода данных,и одна из функций, которые я хочу иметь, заключается в том, что когда они ищут запись клиента для редактирования, его поиск заполняет все поля формы, а затем они могут их редактировать.

Я думал, что поле выбора для Stateсэкономил бы мне некоторую логику проверки данных ...

Моя другая мысль заключалась в использовании поля ввода только для чтения для State (потому что я знаю, что автозаполнение пользовательского интерфейса JQuery будет появлятьсяe), а затем создайте поле выбора «Выбор состояния», которое будет заполнять поле «Состояние» только для чтения для повторной отправки.

Мысли?

1 Ответ

0 голосов
/ 19 мая 2011

Вы говорите, что пробовали это, и это не удалось?Потому что если у вас есть выборка, подобная 

<select id="State">
    <option>AK</option>
    <option>FL</option>
    <option>WY</option>
</select>

, то вызов $("#State").val("FL") будет работать.

...