การควบคุม Combobox ที่ใช้ jQuery แบบมืออาชีพ? [ปิด]

มีการควบคุม Combobox แบบมืออาชีพ (รายการแบบเลื่อนลงพร้อมคำแนะนำอัตโนมัติ) ตามไลบรารี jQuery หรือไม่

ควรจะสามารถจัดการกับชุดข้อมูลขนาดใหญ่และมีตัวเลือกการสกินบางอย่าง รายการผลลัพธ์หลายคอลัมน์จะดีเกินไป ฉันทำงานกับ ASP.NET แต่ก็ไม่ใช่ปัญหาถ้าฉันต้องเขียนกระดาษห่อหุ้ม

ฉันใช้การควบคุมของบุคคลที่สามอยู่แล้ว แต่ฉันพบปัญหาความเข้ากันได้ระหว่างการควบคุมของผู้ขายสองราย ฉันต้องการกำจัดการอ้างอิงประเภทนี้

น่าเสียดายที่สิ่งที่ดีที่สุดที่ฉันเคยเห็นคือjquery.comboboxแต่มันไม่เหมือนกับสิ่งที่ฉันต้องการใช้ในเว็บแอปพลิเคชันของฉันจริงๆ ฉันคิดว่ามีปัญหาการใช้งานบางอย่างกับการควบคุมนี้ แต่ในฐานะผู้ใช้ฉันไม่คิดว่าจะเริ่มพิมพ์เพื่อให้รายการแบบเลื่อนลงเปลี่ยนเป็นกล่องข้อความ

ฉันชอบCombo Dropdown Boxมาก แต่ก็ยังมีคุณสมบัติบางอย่างที่ฉันต้องการและมันยังอยู่ในอัลฟ่า สิ่งเดียวที่ฉันไม่ชอบเกี่ยวกับสิ่งนี้นอกเหนือจากความเป็นอัลฟ่า ... คือเมื่อฉันพิมพ์ในคอมโบบ็อกซ์รายการแบบเลื่อนลงเดิมจะหายไป อย่างไรก็ตามอาจมีการตั้งค่าสำหรับสิ่งนี้ ... หรืออาจเพิ่มได้ค่อนข้างง่าย

นี่เป็นเพียงสองตัวเลือกที่ฉันรู้ ขอให้โชคดีในการค้นหาของคุณ. ฉันชอบที่จะได้ยินว่าคุณพบหนึ่งหรือถ้าตัวเลือกที่สองเหมาะกับคุณ

นี่คือสิ่งที่ดูมีแนวโน้มมาก มันเป็นคำสั่งผสมที่แท้จริงคุณจะเห็นสิ่งที่คุณพิมพ์ มีคุณสมบัติที่ยอดเยี่ยมที่ฉันไม่เคยเห็นจากที่อื่น: ผลการเพจ

FlexBox

ใครก็ตามที่กำลังมองหา "กล่องคำสั่งผสม" jquery ดูเหมือนจะถูกนำไปสู่คำถามนี้ โพสต์ของฉันมีไว้สำหรับผู้ที่เข้ามาในหน้านี้เพื่อค้นหากล่องคำสั่งผสม "แบบเดิม" แทนที่จะเป็นคำตอบสำหรับคำถามเดิม โซลูชันข้างต้นทั้งหมดมุ่งเน้นไปที่การใช้อินพุตเป็นวิธีในการกรองและเติมข้อความอัตโนมัติไปยังค่าที่เลือกที่มีอยู่ (เหมาะสำหรับชุดข้อมูลขนาดใหญ่)

หากคุณกำลังมองหากล่องคำสั่งผสมแบบเดิมซึ่งก็คือ "พิมพ์บางอย่างหรือเลือกจากค่าที่กำหนดไว้ล่วงหน้า" (ไม่เราจะไม่ซ่อนค่าที่ไม่ตรงกันในขณะที่คุณกำลังพิมพ์) สิ่งที่คุณทำได้ทั้งหมด ต้องทำคือ

<select id="combo4" style="width: 200px;"
            onchange="$('input#text4').val($(this).val());">
    <option>option 1</option>
    <option>option 2</option>
    <option>option 3</option>
</select>
<input id="text4"
       style="margin-left: -203px; width: 180px; height: 1.2em; border: 0;" />

ดู http://bit.wisestamp.com/uncategorized/htmljquery-editable-combo-2/

ควรจะง่ายต่อการรวมสิ่งนี้ลงในปลั๊กอินที่แปลงแท็กเลือกที่มีอยู่แม้ว่าฉันจะยังไม่เห็น

PS: ปัญหาหลักที่ฉันพบกับ "jQuery Editable Combobox" คือมันยังคงเป็นรายการที่เลือกและไม่ชัดเจนเลยที่คุณสามารถเริ่มพิมพ์สิ่งใหม่ได้

ตอนนี้ทางแยกใหม่ของโปรเจ็กต์ sexy-combo ซึ่งมีแนวโน้มดี: http://code.google.com/p/ufd/

สำหรับชุดข้อมูลขนาดใหญ่JQuery UI Autocompleteซึ่งโดยพื้นฐานแล้วเป็น "เวอร์ชันทางการ" ของปลั๊กอินเติมข้อความอัตโนมัติของ Jorn Zaeferrer เป็นอย่างไร

ฉันยังเขียนปลั๊กอินJQuery comboboxแบบตรงซึ่งได้รับการตอบรับที่ดีจากผู้ใช้ มันไม่ได้หมายถึงชุดข้อมูลขนาดใหญ่อย่างชัดเจน ฉันคิดว่าถ้าคุณต้องการบางสิ่งที่ตัดรายการตามประเภทของผู้ใช้คุณควรใช้ปลั๊กอินเติมข้อความอัตโนมัติของ Jorn

ปลั๊กอินที่ดีอีกอย่างคือSexy Combo

สิ่งนี้ยังมีแนวโน้ม:

JQuery Drop-Down Combo Boxบน simpletutorials.com

ส่วนประกอบ jQuery UI ComboBox / การเติมข้อความอัตโนมัติอย่างเป็นทางการอยู่ระหว่างการสร้าง ... (ก่อนหน้านี้เป็นรุ่นเบต้าสำหรับ jQuery UI 1.5.x) ดูjQuery UI Wiki

อัพเดท:

ฟังก์ชั่นการเติมข้อความอัตโนมัติตอนนี้เป็นคุณลักษณะหลักของ jQuery UI, ดูเอกสาร

หากคุณไม่ต้องการหลายคอลัมน์เลือกก็เป็นอีกทางเลือกที่ดี MIT ได้รับอนุญาต

ฉันพบอันอื่นนี้: http://code.google.com/p/jquery-jec/

ดูเหมือนว่าเป็นตัวเลือกที่ดี

ฉันกำลังมองหาเหมือนกัน สิ่งที่ฉันชอบที่สุดจนถึงตอนนี้คือสิ่งนี้สำหรับ ExtJs - ยกเว้นฉันยังไม่ได้ทดสอบกับ Lists ขนาดใหญ่: www.sencha.com/deploy/dev/examples/form/combos.html

นี่คืออีกอันหนึ่งที่รวดเร็วจริงๆ (!): http://jsearchdropdown.sourceforge.net/

ตัวอย่างเช่น SexyCombo ทำงานได้ค่อนข้างยอดเยี่ยม แต่เป็นวิธีที่ช้าสำหรับรายการที่ยาวขึ้น UFD พื้นบ้านของ SexyCombo นั้นเร็วกว่ามาก แต่เวลาในการเริ่มต้นยังค่อนข้างช้าสำหรับรายการขนาดใหญ่จริงๆ นอกจากฉันจะได้รับบางครั้งเล็กน้อย! "กะพริบ". แต่ฉันเดาว่าจะมีการอัปเดตบางอย่างในอนาคตอันใกล้นี้

Sexy-Combo เลิกใช้งานแล้ว มีการพัฒนาเพิ่มเติมในโครงการ Fast-Filter Dropdown ที่ไม่สร้างความรำคาญ ดูมีแนวโน้มเนื่องจากฉันมีข้อกำหนดที่คล้ายกัน

https://code.google.com/p/ufd/

ฉันชอบselect2มันมีคุณสมบัติหลากหลายและดีและใช้งานได้ดี โดยเฉพาะอย่างยิ่งเช่นคุณลักษณะการค้นหาตัวกำกับเสียง

ทำไมคุณไม่ลองhttp://jqueryajax.codeplex.com/ เป็นชุดของตัวควบคุม ASP.NET ที่มีแบบหล่นลงหลายคอลัมน์ด้วย

Activewidgets มีรูปลักษณ์ที่สวยงามมาก ไม่รู้ว่าจะทำงานได้ดีเพียงใดกับชุดข้อมูลขนาดใหญ่ http://www.activewidgets.com/ui.combo/

ฉันมีปัญหาเดียวกันดังนั้นฉันจึงลงเอยด้วยตัวเอง

มีระบบเทมเพลตในตัวดังนั้นคุณจึงสามารถทำให้ผลลัพธ์ออกมาเป็นแบบที่คุณต้องการได้ ทำงานบนเบราว์เซอร์หลัก ๆ ทั้งหมดและยอมรับอาร์เรย์และวัตถุ json http://code.google.com/p/custom-combobox/

นี่เป็นสิ่งที่ยอดเยี่ยมจริงๆ: http://www.xnodesystems.com/ช่องรายการไดนามิกไม่เพียง แต่มีความสามารถในการเติมข้อความอัตโนมัติเท่านั้น แต่ยังสามารถตรวจสอบความถูกต้องได้อีกด้วย

ฉันได้ลองhttp://jqueryui.com/demos/autocomplete/#comboboxแล้วและปัญหาที่เผชิญคือ:

• การแสดงผลข้ามเบราว์เซอร์
• ไม่สามารถส่งค่าที่กำหนดเองได้

เป็นผลให้ฉันปรับแต่งเล็กน้อยและมันก็ใช้ได้ดีสำหรับฉันใน ASP.NET MVC สคริปต์ CSS และวิดเจ็ตเวอร์ชันของฉันสามารถพบได้ที่นี่http://saplin.blogspot.com/2011/12/html-combobox-control-and-aspnet-mvc.html

ตัวอย่างการผูกโมเดล MVC กับค่าที่กำหนดเองก็มีเช่นกัน

http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/

ลองอันนี้:

http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxcombobox/index.htm

ดีมากกับคุณสมบัติมากมายรวมถึงการแปล

ขอแนะนำ Twitter Typeahead:

http://twitter.github.io/typeahead.js/

ทุกสิ่งที่คุณต้องการ http://jquerycomboboxtmpl.codeplex.com/

แบบเลื่อนลงบนเทมเพลต