JQuery автозаполнение - PullRequest
       5

JQuery автозаполнение

1 голос
/ 07 февраля 2011

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

, когда я набираю 75 в текстовом поле, он дает мне результаты, подобные приведенным ниже

7510- Synaptic
7512-Allied
7513-King

, когда я выбираю конкретную строку, число в выбранном значении должно быть помещено только втекстовое поле.

 -- >  7513-King

7513 следует поместить в текстовое поле.

Ответы [ 3 ]

4 голосов
/ 07 февраля 2011

Используете ли вы автозаполнение пользовательского интерфейса jQuery? Если это так, передайте исходный массив Json-объектов со свойствами label и value. Текст метки будет отображаться в раскрывающемся списке автозаполнения, но значение доступно в событии выбора.

var data = [
            { label: "7510-Synaptic", value: 7510 },
            { label: "7512-Allied", value: 7512 },
            { label: "7513-King", value: 7513 }
        ];

$( "#theAutocomplete" ).autocomplete({
    delay: 0,
    source: data, 
    select: function(event, ui) { 
        // selected value is at ui.item.value; 
        // label is at ui.item.label
     }
}).
0 голосов
/ 27 июня 2011

Это можно сделать с помощью оригинального автономного плагина автозаполнения jQuery, который все еще существует (и активно развивается):

http://code.google.com/p/jquery-autocomplete/

Вам нужно будет использовать опцию

onItemSelect

Есть пример, который делает именно это в демоверсии (http://code.google.com/p/jquery-autocomplete/source/browse/demo/index.html)

0 голосов
/ 07 февраля 2011

Это должно быть сделано, хотя выражение регулярного выражения также будет полезным и, возможно, более точным.

parseInt('7513-King');
...