タグ付けされた質問 「jquery-ui-autocomplete」

私はそれをドロップダウンに入力するためにajax呼び出しを行うtwitterブートストラップtypeahead要素の実用的な例を見つけようとしています。 私は既存のjqueryオートコンプリートの作業例を持っていますが、これはajax urlを定義し、返信を処理する方法を定義しています <script type="text/javascript"> //<![CDATA[ $(document).ready(function() { var options = { minChars:3, max:20 }; $("#runnerquery").autocomplete('./index/runnerfilter/format/html',options).result( function(event, data, formatted) { window.location = "./runner/index/id/"+data[1]; } ); .. これを先行入力の例に変換するには、何を変更する必要がありますか？ <script type="text/javascript"> //<![CDATA[ $(document).ready(function() { var options = { source:'/index/runnerfilter/format/html', items:5 }; $("#runnerquery").typeahead(options).result( function(event, data, formatted) { window.location = "./runner/index/id/"+data[1]; } ); .. …

280 jquery  twitter-bootstrap  jquery-autocomplete  jquery-ui-autocomplete  typeahead.js 

私が使用しているjQueryのUIオートコンプリートのプラグインを。ドロップダウン結果で検索文字シーケンスを強調表示する方法はありますか？ たとえば、データとして「foo bar」があり、「foo」と入力すると、次のようにドロップダウンに「foo bar」が表示されます。

167 javascript  jquery  jquery-ui  jquery-ui-autocomplete 

私はjQuery UI Autocompleteを使用しています。 $("#task").autocomplete({ max:10, minLength:3, source: myarray }); maxパラメータが機能せず、10以上の結果が得られます。何か不足していますか？

126 jquery-ui  autocomplete  jquery-ui-autocomplete 

私はフォームを開発していて、jQuery UI Autocompleteを使用しています。ユーザーがオプションを選択すると、その選択が親<p>タグに追加されたスパンにポップされるようにします。次に、フィールドに選択が入力されるのではなくクリアされるようにします。 スパンは問題なく表示されていますが、フィールドをクリアできません。 jQuery UI Autocompleteのデフォルトの選択アクションをどのようにキャンセルしますか？ これが私のコードです： var availableTags = ["cheese", "milk", "dairy", "meat", "vegetables", "fruit", "grains"]; $("[id^=item-tag-]").autocomplete({ source: availableTags, select: function(){ var newTag = $(this).val(); $(this).val(""); $(this).parent().append("<span>" + newTag + "<a href=\"#\">[x]</a> </span>"); } }); 単に行うだけで$(this).val("");は機能しません。厄介なのは、オートコンプリートを無視してもほぼ正確な機能が正常に動作し、ユーザーが次のようにコンマを入力したときにアクションを実行することです。 $('[id^=item-tag-]').keyup(function(e) { if(e.keyCode == 188) { var newTag = $(this).val().slice(0,-1); $(this).val(''); $(this).parent().append("<span>" …

97 jquery  jquery-ui  jquery-ui-autocomplete 

2つのjQuery UIドロップダウンオートコンプリートスクリプトを追加しました。次に、2番目のドロップダウンの変更時に両方の値を取得し、変数に個別に格納したいと思います。それはどのように可能ですか？ アイデアや提案はありますか？ありがとう。 私のフィドル： サンプル 私のJSコード： (function($) { $.widget("ui.combobox", { _create: function() { var self = this, select = this.element.hide(), selected = select.children(":selected"), value = selected.val() ? selected.text() : ""; var input = this.input = $("<input>").insertAfter(select).val(value).autocomplete({ delay: 0, minLength: 0, source: function(request, response) { var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i"); …

96 jquery  jquery-ui  jquery-autocomplete  jquery-ui-autocomplete 

あなたにそれらを指摘する前に、はい、私はこのトピックに関する半ダースの投稿をレビューしましたが、なぜこれが機能しないのかについて私はまだ困惑しています。 私の目標は、オートコンプリートが0の結果をもたらすときを検出することです。これがコードです： $.ajax({ url:'sample_list.foo2', type: 'get', success: function(data, textStatus, XMLHttpRequest) { var suggestions=data.split(","); $("#entitySearch").autocomplete({ source: suggestions, minLength: 3, select: function(e, ui) { entityAdd(ui.item.value); }, open: function(e, ui) { console.log($(".ui-autocomplete li").size()); }, search: function(e,ui) { console.log("search returned: " + $(".ui-autocomplete li").size()); }, close: function(e,ui) { console.log("on close" + $(".ui-autocomplete li").size()); $("#entitySearch").val(""); …

89 jquery  ajax  jquery-ui  jquery-ui-autocomplete 

オートコンプリートを正しく機能させるのに問題があります。 それはすべて私には大丈夫に見えますが.... <script> $(function () { $("#customer-search").autocomplete({ source: 'Customer/GetCustomerByName', minLength: 3, select: function (event, ui) { $("#customer-search").val(ui.item.label); $("#selected-customer").val(ui.item.label); } }); }); </script> <div> <input id="customer-search" /> </div> @Html.Hidden("selected-customer") ただし、ドロップダウンからアイテムを選択すると、ラベルではなくテキストボックスに値が適用されます。 私は何を間違えましたか？ firebugを使用してソースを見ると、非表示フィールドが正しく更新されていることがわかります。

86 jquery  asp.net-mvc  jquery-ui  autocomplete  jquery-ui-autocomplete 

jQuery UI 1.8.4より前は、オートコンプリートを操作するために作成したJSON配列でHTMLを使用できました。 私は次のようなことをすることができました： $row_array['label'] = '<span style="color: red; font-family: courier;">User, Name</span>'; ドロップダウンに赤いテキストとして表示されます。 1.8.4以降は機能しません。私が見つかりました。http://dev.jqueryui.com/ticket/5275をカスタムHTMLの例を使用するように私に指示され、ここで私は運がなかったています。 HTMLを提案に表示するにはどうすればよいですか？ 私のjQueryは次のとおりです。 <script type="text/javascript"> $(function() { $("#findUserIdDisplay").autocomplete({ source: "ui_autocomplete_users_withuname.php", minLength: 2, select: function(event, ui) { $('#findUserId').val(ui.item.id); } }); }); </script> 私のJSON配列には、次のようなHTMLが含まれています。 [{"label":"<span style="color: red";>User, Name</span>","value":"User, Name","id":"10"}]

83 html  jquery-ui  autocomplete  jquery-ui-autocomplete