PHP Lang
  1. PHP Lang
  3. Автозаполнение JQuery и формирование популяции с использованием JSON
Intereting Posts
mysqldump через PHP Потенциальный кэш кэша PHP APC для ключа PHP / SSH regex script / command для удаления идентичного кода вредоносного кода из многих файлов cakePHP, возвращающий повторяющиеся записи Выход PHPExcel в браузер не работает в IE отправка электронной почты с помощью функции php mail распространяется на спам Как использовать пароль_hash Как избежать запроса с использованием модели Eloquent? Интерфейс laravel не связывает почему? Прогнозирование ветвления на php Использование API YouTube v3 для просмотра всех личных видеороликов Как использовать переменную внутри параметра $ _POST в php Передача строки Javascript в php String Преобразование секунд в HH: MM: SS Выберите случайную строку, но не равную одну из базы данных с PHP

Автозаполнение JQuery и формирование популяции с использованием JSON

У меня возникают проблемы с реализацией автозаполнения JQuery с использованием JSON. В принципе, я получаю JSON-кодированные данные с моего сервера (я использую фреймворк codeigniter php).

Формат JSON следующий: 

[ { "id": "1", "prodname": "Candy", "code": "CND01", "uname": "grams", "pcname": "Sweets" }, { ... } ]

Итак, автозаполнение идет в поле Product (prodname) (в красном прямоугольнике на изображении). Когда выбран определенный продукт, идентификаторы, код, категория и UOM заполняются.

Это мои поля ввода: 

 <input type="text" name="id" value="" id="id" size="3" /> <input type="text" name="code" value="" id="code" size="5" /> <input type="text" name="prodname" value="" id="prodname" size="30" /> <input type="text" name="category" value="" id="category" /></td> <input type="text" name="quantity" value="" id="quantity" size="3" /> <input type="text" name="uom" value="" id="uom" size="5" /> <button name="add" type="button" >Add</button>

Как я могу это достичь?

Большое спасибо!

введите описание изображения здесь

РЕШЕНИЕ: 

 $.ajax({ dataType: 'json', async: false, success: function(data) { projects = data; }, url: '<?php echo site_url('products/autocomplete/no'); ?>' }); //Autocomplete $( "#prodname" ).autocomplete({ source: projects, focus: function( event, ui ) { $( "#prodname" ).val( ui.item.prodname ); return false; }, select: function( event, ui ) { $( "#prodname" ).val( ui.item.prodname ); $( "#id" ).val( ui.item.id ); $( "#code" ).val( ui.item.code ); $( "#category" ).val( ui.item.pcname ); $( "#uom" ).val( ui.item.uname ); return false; } }) .data( "autocomplete" )._renderItem = function( ul, item ) { return $( "<li></li>" ) .data( "item.autocomplete", item ) .append( "<a>" + item.prodname + "</a>" ) .appendTo( ul ); };

Помогает ли вам этот пример? http://jqueryui.com/demos/autocomplete/#custom-data

Попробуйте что-нибудь вроде: 

 var yourJson = {"id":"1","prodname":"Candy","code":"CND01","uname":"grams","pcname":"Sweets"}; $("#your_form input").each(function() { var element = $(this); element.val(yourJson[element.attr("name")]); });