JQuery：自動完成表單提交

我試圖使用jQuery自動完成功能來提交表單，當一個項目已被選中或一個輸入已被按下選擇。使用PHP，Javascript和HTML。JQuery：自動完成表單提交

我想弄清楚我做錯了什麼，因爲我不是在JavaScript或jQuery中經歷過的。我搜索了這個網站和其他人的解決方案，他們似乎並沒有在我的代碼上工作。我可能做錯了什麼，似乎無法弄清楚什麼。

這是腳本

<script> 
    $(function() { 
     var availableproducts = [ <?php echo $tag_list; ?> ]; 
     $("#products").autocomplete({ 
      source: availableproducts, 
      select: function(event, ui) { 
       $("#products").val(ui.item.value); 
       $("#partno_item_form").submit(); } 
     }); 

    }); 

</script>

這是形式和相關#products

echo '<form method="POST" name="partno_item_form"> 
     <tr> 
      <td> 
       <input id="products" name="item_select" class="autocomp"> 
      </td> 
     </form>

輸入字段中輸入您在解決此問題的幫助是非常感謝！

在此先感謝

來源

2011-12-03 GuZzie

看起來像在你的'select：'選項中，你正在提交表單。當某人從您的自動完成列表中選擇一個選項時，是否觸發了'select'選項？ –

我不確定。我甚至不確定你的意思。我認爲jQuery檢測到該部分。我仍然試圖找出JavaScript語法以及它如何處理。 – GuZzie

此選擇：

$("#partno_item_form")

selects elements by id。你的表格沒有idpartno_item_form，所以submit()永遠不會被要求。

在select事件處理程序更改您的選擇到：

$("form[name='partno_item_form']").submit();

使用attribute equals value selector將允許您通過其name屬性來選擇形式。

來源

2011-12-03 14:39:57

太棒了！它的工作，你是太棒了;） – GuZzie

@GuZzie：很高興幫助！ –

JQuery：自動完成表單提交

回答

相關問題