Использование автозаполнения для заполнения более одного поля

Я пытаюсь реализовать автозаполнение с помощью плагина автозаполнения jquery. Я использовал скрипт отсюда автозаполнение jQuery UI. В настоящее время у меня есть поле под названием «Поисковые инфекции», в котором я храню «Описание».

<tr>
<td>Search Infection</td>
<td>
<input id="tags" type="text"  size="80" /></td>
</tr>

это отлично работает для автозаполнения.

У меня также есть поле под названием «Короткий код», в котором я хочу сохранить код.

<tr>
<td>Short Code</td>
<td>
<input id="" type="text"  size="15" /></td>
</tr>

Есть ли способ сохранить код в поле «короткий код», когда пользователь ищет описание в поле заражения?

Пожалуйста, помогите.

  CODE and DESCRIPTION list.

  ---------------------------------------------------------
  Code  Description
  ---------------------------------------------------------
  ID01  Actinomycosis
  ID02  Aspergillosis
  ID03  Bacteraemia / blood stream infection/ Septicaemia
  ID04  Bacterial meningitis
  ID05  Bronchiectasis
  ID06  Candidiasis
  ID07  Carotid patch infection
  ID08  Cellulitis
  ID09  Cerebral abscess
  ID10  Cholangitis
  ---------------------------------------------------------------------
  =====================================================================

  <script>
  $(function() {
    var availableTags = [
                  "Actinomycosis",
                  "Aspergillosis",
                  "Bacteraemia / blood stream infection/ Septicaemia",
                  "Bacterial meningitis",
                  "Bronchiectasis",
                  "Candidiasis",
                  "Carotid patch infection",
                  "Cellulitis",
                  "Cerebral abscess",
                  "Cholangitis" 
                    ];
    $( "#tags" ).autocomplete({
        source: availableTags
    });
});
</script>

person jk1844    schedule 21.05.2012    source источник
comment
Для меня это непонятно, вы пытаетесь получить идентификатор заражения в «коротком коде» td при выполнении автозаполнения (но в отставании)?   -  person Oscar Jara    schedule 21.05.2012
comment
Я не проверял, но я думаю, что вы должны иметь возможность привязать onchange к полю завершения, чтобы выполнить то, что вы хотите. $('#tags').bind('change', function(e) { // делайте свое дело });   -  person Tom    schedule 21.05.2012
comment
Еще один вопрос, вы используете PHP для этого?   -  person Oscar Jara    schedule 21.05.2012
comment
я использую csp (страница кэш-сервера). я в основном хочу связать код с описанием при выполнении автозаполнения. (да, код заполняется сзади)   -  person jk1844    schedule 21.05.2012


Ответы (2)


Попробуйте по этой ссылке.

Это пример кода:

var availableTags = [
    {key:"ID01",value:"Actinomycosis"},
    {key:"ID02",value:"Aspergillosis"},
    {key:"ID03",value:"Bacteraemia / blood stream infection/ Septicaemia"}
];

http://jsfiddle.net/5EsAb/3/

person turankonan    schedule 21.05.2012

Я сделал это для вас:

Я также использовал плагин для текстовых событий:

http://www.zurb.com/playground/javascripts/plugins/jquery.textchange.min.js

(для очистки короткого кода, когда заражение не соответствует меньшему количеству кода)

Прямая демонстрация: http://jsfiddle.net/oscarj24/SUckd/1/

person Oscar Jara    schedule 21.05.2012
comment
это именно то, что я хотел. благодаря. когда я загружаю его на свою страницу, похоже, он не работает. Я использую ‹script src=ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js type=text/javascript›‹/script› - person jk1844; 21.05.2012
comment
Оскар большое спасибо... отлично работает. Всякая помощь очень ценится. - person jk1844; 21.05.2012
comment
@ jk1844 Нет проблем, я здесь, чтобы помочь. Не забудьте отметить этот ответ как правильный :-) - person Oscar Jara; 21.05.2012
comment
последний вопрос, на самом деле у меня более 100 заражений. возможно ли иметь полосу прокрутки, если результатов больше 10? - person jk1844; 21.05.2012
comment
этот плагин автозаполнения jquery будет соответствовать вещам, чтобы не потерять свой дизайн, например, если я напишу «C», я отфильтрую все с помощью «C», и дизайн будет выглядеть хорошо, так что для полосы прокрутки нет проблем :-) Один вопрос, вы получаете заразы из базы данных? - person Oscar Jara; 21.05.2012
comment
у меня есть таблица в базе данных со всеми инфекциями. есть ли способ искать (или искать) данные из таблицы, а не перечислять их в сценарии jquery? Благодарность - person jk1844; 21.05.2012
comment
Вы используете PHP? да, есть способ получить элементы из db с помощью jquery, это просто, но мне нужно знать язык - person Oscar Jara; 21.05.2012
comment
я использую intersystems Cache, csp (страница сервера кеша). ссылка аналогична SQL - person jk1844; 21.05.2012
comment
Хм, это ново для меня, но какой язык программирования вы используете для своей системы? - person Oscar Jara; 21.05.2012
comment
Сам язык называется «кэш», мы создаем формы на страницах csp (работает как html-страница или как ASP). мы запрашиваем базу данных, используя cachesql, аналогичный sql. - person jk1844; 21.05.2012
comment
О, извините, это ново для меня, я слышал об этом, но никогда не использовал его, я знаю, как получить данные из БД с помощью PHP и jQuery, а не CSP :-) - person Oscar Jara; 22.05.2012
comment
возможно, вы могли бы дать мне представление о том, как вводить данные из БД с помощью jquery и/или PHP. я посмотрю, смогу ли я принять его в Cache. огромное спасибо. - person jk1844; 22.05.2012