คำถามติดแท็ก jquery-ui-autocomplete

ฉันกำลังพยายามหาตัวอย่างการทำงานขององค์ประกอบตัวพิมพ์twitter bootstrapที่จะทำการโทร ajax เพื่อเติมลงมัน ฉันมีตัวอย่างการเติมข้อความอัตโนมัติ 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) …

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

ฉันใช้jQuery UI การเติมข้อความอัตโนมัติ Plug-in มีวิธีการเน้นลำดับอักขระการค้นหาในผลลัพธ์แบบหล่นลงหรือไม่ ตัวอย่างเช่นถ้าฉันมี "foo bar" เป็นข้อมูลและฉันพิมพ์ "foo" ฉันจะได้รับ " foo bar" ในรายการแบบหล่นลงเช่นนี้

167 javascript  jquery  jquery-ui  jquery-ui-autocomplete 

ฉันใช้ jQuery UI การเติมข้อความอัตโนมัติ $("#task").autocomplete({ max:10, minLength:3, source: myarray }); พารามิเตอร์ max ไม่ทำงานและฉันยังได้ผลลัพธ์มากกว่า 10 รายการ ฉันพลาดอะไรไปรึเปล่า?

126 jquery-ui  autocomplete  jquery-ui-autocomplete 

ฉันได้เพิ่มสคริปต์ jQuery UI Dropdown อัตโนมัติสองสคริปต์ ตอนนี้ฉันต้องการรับทั้งค่าในการเปลี่ยนแปลงของดรอปดาวน์ที่สองและต้องการจัดเก็บแยกต่างหากในตัวแปร เป็นไปได้อย่างไร? ความคิดหรือข้อเสนอแนะใด ๆ ? ขอบคุณ. My Fiddle: ตัวอย่าง รหัส 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: …

100 jquery  jquery-ui  jquery-autocomplete  jquery-ui-autocomplete 

ฉันกำลังพัฒนาแบบฟอร์มและใช้การเติมข้อความอัตโนมัติ jQuery UI เมื่อผู้ใช้เลือกตัวเลือกฉันต้องการให้ส่วนที่เลือกปรากฏในช่วงที่ต่อท้าย<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) { …

97 jquery  jquery-ui  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" + …

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