Jquery自動完成提交表單

我正在轉換舊的雙下拉框搜索表單。隨着老方法，提交表單上使用這種每個用戶選擇：Jquery自動完成提交表單

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

與老方法的問題是，用戶被迫尋找直通包含數量不斷增長的第二個選項下拉菜單。

我選擇使用一個自動提交下拉菜單和新的jquery類型提前搜索字段進行新搜索（感謝Jamie McConnell，[email protected]）。一切都與未來的類型很好。但是，我無法知道如何提交新的表單，一旦用戶選擇類型在前的項目。理想情況下，我希望強制用戶在選擇第二項後點擊提交。

我試着攜帶第二個搜索項目的id並將其放置在隱藏的輸入中，但我無法將變量設置爲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自動完成腳本在輸入字段中放置的提前記錄類型的id，並將自身引用表單攜帶此id到同一頁面？

非常感謝！

來源

2012-03-21 Steve Whitlow

您好史蒂夫，請發佈您用於自動完成的jQuery/javascript代碼 – tusar 2012-03-21 14:50:40

這裏是我抓住的代碼... http：//www.nodstrum.com/2007/09/19/autocompleter/ – 2012-03-21 16:08:41

也許這個例子中，自動完成文檔中會有所幫助：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);

，然後提交，如果需要。希望這可以幫助！

來源

2012-03-21 14:57:09 shanabus

很好的資源引用有...添加新的東西，必須學會完成！謝謝您的幫助。 – 2012-03-21 18:56:38

很高興我能幫到你。這回答了你的問題了嗎？ – shanabus 2012-03-21 20:33:58

是的，但只有另一個！我不知道如何編寫代碼，但我正在處理其他一些您指示給我的示例。謝謝！ – 2012-03-21 21:06:37

Jquery自動完成提交表單

回答

相關問題