แม้ว่าคุณสามารถค้นหากล่องดรอปดาวน์ที่คุณทำภายใต้เฟรมเวิร์ก Easyui แต่ก็มีความไม่สะดวกมากมาย: ตัวอย่างเช่นคุณไม่สามารถจับคู่ฟัซซี่ได้คุณต้องค้นหาตามจดหมายฉบับแรก
ด้วยความตั้งใจฉันต้องการเปลี่ยนกรอบและเขียนพื้นหลังจากนั้นฉันตั้งค่าชั้นวางด้วย bootstrap จากนั้นทั้งสองสไตล์ขัดแย้งกัน Baidu ย้ายและพบ JS ที่ยอดเยี่ยมอีกตัวหนึ่งโดยใช้ฟังก์ชั่นการค้นหากล่องแบบดรอปดาวน์ Bootstrap
กรณีที่ไม่รู้สึกตัว, การจับคู่ที่คลุมเครือ, ฮ่าฮ่า, เยี่ยมมาก ~~
การใช้งานเฉพาะ:
<script type = "text/javascript" src = "<%= basepath%>/js/commons/jQuery.min.js"> </script> <script type = "text/javascript" src = "$ {basepath} /js/silviomoreto-bootstrap type = "text/css" href = "$ {basepath} /js/silviomoreto-bootstrap/bootstrap-select.css"> <!-3.0-> <link href = "$ {basepath} src = "$ {basepath} /js/silviomoreto-bootstrap/bootstrap.min.js"> </script> เริ่มต้นมัน: $ (window) .on ('load', function () {$ ('SelectPicker') SelectPicker ({'SelectedText': '}; $ ('. selectpicker'). selectpicker ('ซ่อน');});รหัสคีย์คือชั้นเรียนและไม่ว่าจะรองรับการค้นหาในภายหลัง
<select id = "bs3select" หลาย data-live-search = "true"> <pontion> วัว </opturb> <pontion> bull </opovie> <ตัวเลือกปิดใช้งาน> ox </opovie> </select>
หากคุณยังต้องการเรียนรู้อย่างลึก
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการเรียนรู้ของทุกคนและฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น