twitter bootstrap การเติมข้อความอัตโนมัติแบบเลื่อนลง / combobox ด้วย Knockoutjs

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

ฉันใช้สิ่งนี้กับ MVC DropDownListFor เนื่องจากสร้างตัวควบคุมการเลือกสำหรับเรา

ฉันพบบทความนี้ซึ่งเหมาะกับฉัน

https://github.com/danielfarrell/bootstrap-combobox/pull/20

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

ตอนนี้ฉันใช้สิ่งนี้ร่วมกับ Knockoutjs ฉันผูกตัวเลือกและค่าที่เลือกกับตัวควบคุมการเลือกจากนั้นในแถวที่แสดงเทมเพลตของฉันฉันเรียกว่า (ตัวเลือก). combobox () ซึ่งทำให้ตัวเลือกควบคุม comobobox bootstrap และเพิ่มตัวควบคุมอินพุตและซ่อนตัวควบคุมการเลือกในฉาก หลัง

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

คำถามของฉันคือฉันจะทำให้กล่องอินพุตเชื่อมโยงข้อมูลกับ porperty เดียวกันกับที่ตัวควบคุมเลือกถูกผูกไว้ได้อย่างไร

ตัวเลือกอื่น ๆ ?? โปรดแจ้งให้เราทราบหากคุณต้องการคำชี้แจงเพิ่มเติมหรือมีคำถาม ช่วยแนะนำหน่อยครับ.

ขอบคุณ

มีลักษณะที่Select2 สำหรับเงินทุน มันควรจะทำได้ทุกอย่างที่คุณต้องการ

ตัวเลือกที่ดีอีกประการหนึ่งคือSelectize.js รู้สึกเหมือนเป็นของ Bootstrap มากขึ้น

ดาตาลิสต์ HTML5 พื้นฐานใช้งานได้หรือไม่ มันสะอาดและคุณไม่ต้องเล่นกับรหัสของบุคคลที่สามที่วุ่นวายW3SCHOOL กวดวิชา

เอกสาร MDNคือพูดเก่งมากและมีตัวอย่าง

Select2 สำหรับปลั๊กอิน Bootstrap 3 เนทีฟ

https://fk.github.io/select2-bootstrap-css/index.html

ปลั๊กอินนี้ใช้ปลั๊กอิน select2 jquery

nuget

PM> Install-Package Select2-Bootstrap

Fuel UX comboboxมีคุณสมบัติทั้งหมดที่คุณคาดหวัง

ฉันขอแนะนำhttp://www.jqueryscript.net/form/Twitter-Like-Mentions-Auto-Suggesting-Plugin-with-jQuery-Bootstrap-Suggest.htmlทำงานได้มากกว่าคำแนะนำโพสต์ Twitter ที่ให้รายการ ของผู้ใช้หรือหัวข้อตามแท็ก @ หรือ #

ดูการสาธิตที่นี่: http://www.jqueryscript.net/demo/Twitter-Like-Mentions-Auto-Suggesting-Plugin-with-jQuery-Bootstrap-Suggest/

ในอันนี้คุณสามารถเปลี่ยน @ และ # เป็นอะไรก็ได้ที่คุณต้องการ

Bootstrap Tokenfield ก็ดูดีเช่นกัน: http://sliptree.github.io/bootstrap-tokenfield/