Jquery AutoComplete: Как получить идентификатор выбранных элементов? - PullRequest
Новая
       6

Jquery AutoComplete: Как получить идентификатор выбранных элементов?

1 голос
/ 15 декабря 2010

У меня есть поле автозаполнения, которое работает отлично, и извлекаю данные из базы данных. Когда пользователь выбирает результат из ответа, я хочу сохранить идентификатор выбранного элемента в скрытом поле.

Вот код, который я использую для автозаполнения 

 $jQNetbmis("input#txt_client_name").autocomplete("autosuggest_clientmaster.php", {
        width: 160,
        mustMatch: true,
        selectFirst:false,
        formatResult: function(row) {
            var resStr = row.toString();
            temp = resStr.substring(0,resStr.indexOf("+"));
            return temp;
        },
        formatItem: function(row, i, max) {
            var resStr = row.toString();
            var temp = resStr.substring(0,resStr.indexOf("+"));
            return temp;
        }
     });

Ниже приводится ответ, который я получаю, я нажимаю n 

name 1+50
Name 2+85
Name 3+86
Name 4+98
Name 5 +103

Если пользователь выбирает имя 1, я хочу сохранить 50 в скрытом поле.

Я использую автозаполнение - плагин jQuery 1.0.2

Krishnik

Ответы [ 3 ]

1 голос
/ 15 декабря 2010

Вы можете использовать обработчик result для этого.Пример того, как вы можете этого достичь: 

$('input#txt_client_name').result(function(event, data){
    $('input#hidden_field').val(data.substring(data.indexOf('+') + 1));
});

Обработчик запускается каждый раз, когда пользователь выбирает элемент.Кроме того, вы можете захотеть использовать автозаполнение пользовательского интерфейса jQuery вместо этого плагина, который не рекомендуется в пользу этого.

0 голосов
/ 15 декабря 2010

Я не знаю, какое автозаполнение вы используете, но проблема, похоже, не в этом.

Просто объедините идентификатор с существующим значением скрытого поля: 

$jQNetbmis("input#txt_client_name").autocomplete("autosuggest_clientmaster.php", {
    width: 160,
    mustMatch: true,
    selectFirst:false,
    formatResult: function(row) {
        var resStr = row.toString();
        //temp = resStr.substring(0,resStr.indexOf("+"));
        var temp = resStr.split('+');
        $('input#hidden_field').val($('input#hidden_field').val()+'+'+temp[1]);
        return temp[0];
    },
    formatItem: function(row, i, max) {
        var resStr = row.toString();
        var temp = resStr.substring(0,resStr.indexOf("+"));
        return temp;
    }
 });
0 голосов
/ 15 декабря 2010

jQuery UI имеет отличный виджет автозаполнения, который довольно хорошо задокументирован: http://jqueryui.com/demos/autocomplete/. Ваш случай также там, так что посмотрите примеры.

...