2012-05-31 2 views
-8

Ниже мой выход JSON:автозаполнение в текстовом поле JSON

{["0001000","0002000","0001200","00003000","990000","78888","89234","2345","2345"]} 

Как я могу реализовать автозаполнение в текстовом поле окна, используя вышеупомянутую массив JS?

+0

Если вы не хотите использовать JQuery UI, вы можете использовать плагин jquery для автозаполнения. Вот ссылка [http://stackoverflow.com/a/19157288/386579) –

ответ

1

Если вы используете JQuery UI, то jQuery documentation on autocomplete is straightforward. Поместите свой массив как source:, и он должен работать автоматически.

+0

Если мой результат вернется -> aaData: «0001000», «0002000», «0001200», «00003000», «990000», «78888», «89234», «2345», «2345»], где мне нужно для удаления «aaData». В моем классе действий jsonresponse.put (aaData, data), где значение находится в «данных». –

0

Вы должны пойти на jQueryUI autocomplete

Просто используйте:

["0001000","0002000","0001200","00003000","990000","78888","89234","2345","2345"];

без {} как следующее:

var json = ["0001000","0002000","0001200","00003000","990000","78888","89234","2345","2345"]; 

$('input:text').autocomplete(json, { 

}); 

или вы можете автоматически установить источник

$(input:text).autocomplate({ 
    souce: SOURCE_TO_YOUR_STORE 
}); 
1

ИМХО, Вам очень нужно потратить некоторое время на поиск в Интернете и изучение документации.

jQuery UI библиотека уже предоставляет эту функцию.

http://jqueryui.com/demos/autocomplete/

Вы должны включить 2 сценариев в HTML-странице библиотеки

1) JQuery библиотечном

2) JQuery UI

HTML

<input id="tags">​ 

Javascript

$(function(){ 
    var availableTags=["0001000","0002000","0001200","00003000","990000","78888","89234","2345","2345"]; 
    $("#tags").autocomplete({ 
      source: availableTags 
    }); 

}); 

Работа образец http://jsfiddle.net/j9XBd/3/

+0

Как установить URL-адрес для Json, Мой результат возвращается как -> aaData: «0001000», «0002000», «0001200» «00003000», «990000», «78888», «89234», «2345», «2345»], когда я жестко кодирую значения, которые он работает, но когда я устанавливаю URL-адрес, он не работает, пожалуйста, разместите код для справки. –

+0

@PrashanthReddy: проверьте это http://jqueryui.com/demos/autocomplete/#remote. Вам нужно вернуть правильный JSON со страницы сервера. Пользователь www.jsonlint.com, чтобы проверить правильность формы вашего JSON. – Shyju

+0

Как установить значения в действии через Jsonresponse в массиве. спасибо –

Смежные вопросы