Jqueryオートコンプリートの送信フォーム

Question

古いダブルドロップダウンボックスの検索フォームを変換しています。古い方法では、フォームは、これを使用して、各ユーザーの選択に提出されました：

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

古い方法の問題は、ユーザーがオプションの成長を続ける数が入っていた2番目のドロップダウンを通して見ることを余儀なくされたということです。

私は、自動提出ドロップダウンと新しいjqueryタイプ先行検索フィールド（Jamie McConnell、jamie@blue44.comのおかげで）を使用して新しい検索を行うことを選択しました。すべてのものが先行するタイプですばらしい働きをします。しかし、ユーザーが先行入力項目を選択すると、新しいフォームを提出する方法を理解できません。理想的には、ユーザーが2番目のアイテムを選択すると、強制的に投稿をクリックしたいと思います。

私は2番目の検索項目のIDを持ってきて隠れた入力に配置しようとしましたが、IDに変数を設定できません。これまで私が試みてきたことは、失敗しました。それは、レコード
//を追加する1 jqueryのものが正常に動作リストは=、それが入力フィールドに値を追加した場合

//ページ名はdash3.php
//ですが、私はそれを取得する必要がありそのタイトルのタイトルだけでなく、そのレコードのID。 $ 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オートコンプリートスクリプトによって入力フィールドに配置されている先行入力レコードのIDを取得し、このIDを持つ参照フォームを同じページにするにはどうすればよいですか？

ありがとうございます！

Answer 1

たぶん、オートコンプリートのドキュメントで、この例は、役立ちます：http://jqueryui.com/demos/autocomplete/#custom-data

アイデアは、あなたが正しい選択をユーザが選択するための十分なデータを使用してオートコンプリートボックスを移入し、その後successイベントにidとフックを提供することをあります。

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

これは、あなたが始めるのに役立つかもしれません。代わりに2番目のドロップダウン選択時火災は、フォームのアクションを更新するような何かをすることを警告のhttp://jsfiddle.net/shanabus/HGF59/

を：その後、

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

とあれば提出必要です。お役に立てれば！