Aunque puede buscar el cuadro desplegable que realizó bajo el marco EasyUI, hay muchos inconvenientes: por ejemplo, no puede igualar Fuzzyly, debe buscar de acuerdo con la primera carta.
Por capricho, quería cambiar el marco y escribir el fondo, y luego configuré un estante con bootstrap. Entonces los dos estilos se conflican. Baidu hizo un movimiento y encontró otro JS impresionante basado en la función de búsqueda de caja desplegable Bootstrap.
Caso insensible, confuso, jaja, genial ~~
Uso específico:
<script type = "text/javaScript" src = "<%= basepath%>/js/commons/jQuery.min.js"> </script> <script type = "text/javaScript" src = "$ {basepath} /js/silviomoreto-bootstrap/boottrap-select.js"> </script> <sek> <linkeT = "script> <link/" script> "Link/" script> <link " type = "text/css" href = "$ {basePath} /js/silviomoreto-bootstrap/bootstrap-select.css"> <!-3.0-> <link href = "$ {basepath} /js/silviomoreto-bootstrap/bootstrap.min.css" Relyshyles "" scriptsHeet "styylesshet" statylessheet "scripte src = "$ {basepath} /js/silviomoreto-bootstrap/bootstrap.min.js"> </script> inicializar it: $ (window) .on ('load', function () {$ ('. SelectPicker'). SelectPicker ({'SelectedText': 'Cat'}); // $ ('. SelectPicker'). SELECTPICKER ('Hide');});El código clave es si la clase y si la búsqueda es compatible después
<select id = "bs3select" múltiple data-live-search = "true"> <pection> vaca </opción> <pection> bull </option> <opción desactivada> ox </opción> </select>
Si aún desea aprender en profundidad, puede hacer clic aquí para aprender y adjuntar dos temas emocionantes a usted: Tutorial de aprendizaje Bootstrap Bootstrap Tutorial práctico
Lo anterior es todo el contenido de este artículo. Espero que sea útil para el aprendizaje de todos y espero que todos apoyen más a Wulin.com.