Форма автозаполнения Jquery

Question

Я конвертирую старую форму поиска в двойном выпадающем списке.При старом методе форма отправлялась при каждом выборе пользователя с использованием этого:

<form name="navTwo">
<select name="item" id="item" onChange="document.location.href=document.navTwo.game.options[document.navTwo.game.selectedIndex].value">  

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

Я решил сделать новый поиск, используя одно раскрывающееся меню автоматической отправки и новое поле поиска типа jquery впереди (спасибо Джейми Макконнеллу, jamie@blue44.com).Все отлично работает с типом впереди.Однако я не могу понять, как отправить новую форму, как только пользователь выберет элемент впереди типа.В идеале я хотел бы заставить пользователя нажать «Отправить» после того, как он выбрал второй элемент.

Я попытался перенести идентификатор второго элемента поиска и поместить его в скрытый вход, но не могу получитьпеременная установлена ​​в id.Вот то, что я пробовал до сих пор, безуспешно;

// Имя страницы - dash3.php
// Если list = 1, он добавит запись
// Работает jqueryхорошо, это добавляет значение в поле ввода, мне нужно, чтобы получить идентификатор этой записи, а не только заголовок.$ Vid пуст, не знаю, как его установить.
// В приведенном ниже коде отсутствует кнопка отправки, я попытался добавить ссылку, чтобы увидеть переменные.

<form name="nav">
 <div>
   Start typing the name of the item, select the correct title when it appears:<br />
   <input type="text" size="30" value="" id="inputString" onkeyup="lookup(this.value);" onblur="fill();" />
   <input type="hidden" value="?list=1&ptfm_ctrl=1&vid=<?=$vid?>" />
 </div>

 <div class="suggestionsBox" id="suggestions" style="display: none;">
 <img src="upArrow.png" style="position: relative; top: -12px; left: 30px;" alt="upArrow" />
 <div class="suggestionList" id="autoSuggestionsList">&nbsp;
 </div>
 </div>
<a href="dash3.php?list=1&hid=<?=$hid?>&vid=<?=$vid?>"><strong>+</strong></a>
</form>

Итак, чтобы прояснить мой вопрос;

Как мне получить идентификатор записи типа вперед, которая помещается в поле ввода сценарием автозаполнения jquery, и сделатьсамореферентная форма, переносящая этот идентификатор на ту же страницу?

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

Answer 1

Может быть, этот пример в документации по автозаполнению поможет: http://jqueryui.com/demos/autocomplete/#custom-data

Идея состоит в том, что вы заполняете свои поля автозаполнения достаточным количеством данных, чтобы пользователь мог выбрать правильный выбор, а затем предоставляете id и подключаетесь к событию success.

select: function( event, ui ) { ... }

Это может помочь вам начать: http://jsfiddle.net/shanabus/HGF59/

Вместо предупреждения, которое появляется при втором раскрывающемся списке, сделайте что-то вроде обновления действия формы:

$("#myForm").attr("action", $("#myForm").attr("action") + "/" + ui.item.id);

, а затем отправьте, если необходимо. Надеюсь, это поможет!