2011-12-03 9 views
3

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> 

に関連したフォームや入力フィールドでは、この問題のトラブルシューティングにご協力を大歓迎されます!事前

+0

あなたの 'select:'オプションでは、フォームを送信しているようです。誰かがオートコンプリートリストからオプションを選択したときに 'select'オプションが起動されますか? –

+0

私は確かに分かりません。私はあなたが何を意味するのか正確には分からない。私はjQueryがその部分を検出したと思う。 私はまだjavascriptの構文とその処理方法を理解しようとしています。 – GuZzie

答えて

0

おかげでこのセレクタ:

$("#partno_item_form") 

selects elements by id。フォームにはidpartno_item_formが含まれていないので、submit()は決して呼び出されません。

selectイベントハンドラで、あなたのセレクタを変更

attribute equals value selectorを使用して

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

は、あなたがそのname属性によってフォームを選択することができます。

+0

素晴らしい!それは働いている、あなたはすごいです;) – GuZzie

+0

@GuZzie:喜んで助けて! –

関連する問題