ボタンなしのテキストボックスからJqueryオートコンプリートテーブル

Question

asp.netで見つかったPluralsightデモを使用して、私はオートコンプリートテキストボックスを作成しました。私はテキストボックスに情報を入れ、ボタンを押さずにテキストボックスの下のテーブルにオートコンプリート候補を表示したいと思います。

私はMVC3に自分のコードを書き、MSSQL 2008データベースを使用しています。

は、私は何とかこの機能をマージする必要があると思われるが、私はすべてのヘルプは非常に理解されるであろうか

$(document).ready(function() { 
$(":input[data-autocomplete]").each(function() { 
    $(this).autocomplete({ source: $(this).attr("data-autocomplete") }); 
}); 

$("searchForm").each(function() { 
    $.getJSON($(this).attr("action"), 
     $(this).serialize(), 
     function(data) { 
      var result = $("#searchTemplate").tmpl(data); 
      $("searchResults").empty() 
       .append(result); 
     } 
    ); 
    return false; 
}); }) 

知りません。

Answer 1

あなたの質問は非常に不明です。最初のスクリプトと2番目のスクリプトの間に関係はありません。あなたがループしているように見えるものである<searchForm>有効なDOM要素がないので、2番目のものが間違っているとは言えません。

選択が行われたときにオートコンプリートテキストボックスを含むフォームを送信すると、自動的に検索を実行しようとしているようです。あなたはAJAXを使用すると、Ajax.BeginFormの代わりに、定期的なHtml.BeginFormを使用することができ、通常のポストバックの代わりに提出し実行するには、このフォームを望んでいた場合はもちろん

$(":input[data-autocomplete]").each(function() { 
    $(this).autocomplete({ 
     source: $(this).attr("data-autocomplete"), 
     select: function(event, ui) { 
      // a selection was made, here you could trigger the submission of the form 
      // as if a submit button was pressed 
      $(this).closest('form').trigger('submit'); 
     } 
    }); 
}); 

：このためにはselectイベントを使用することができます。