Bien que vous puissiez rechercher la boîte déroulante que vous avez faite dans le cadre EasyUi, il existe de nombreux inconvénients: par exemple, vous ne pouvez pas faire correspondre flou, vous devez rechercher en fonction de la première lettre.
Sur un coup de tête, je voulais changer le cadre et écrire l'arrière-plan, puis j'ai mis en place une étagère avec bootstrap. Ensuite, les deux styles se sont en conflit. Baidu a fait un mouvement et a trouvé un autre JS génial basé sur la fonction de recherche de boîte déroulante bootstrap.
Cas insensible, correspondant flou, haha, grand ~~
Utilisation spécifique:
<script type = "text / javascript" src = "<% = basepath%> / js / commons / jquery.min.js"> </ script> <script type = "text / javascript" src = "$ {basepath} /js/silviomoreto-bootsstrap/bootsstrap-secl.js"> </ script> </ lien rootlesheet " type = "text / css" href = "$ {basepath} /js/silviomoreto-bootstrap/bootstrap-select.css"> <! - 3.0 -> <link href = "$ {basepath} /js/silviomoreto-bootstrap/bootstrap.Min.css" rel = "STRIXSTRAP/BOOTSTRAP.MIN.CSSS" src = "$ {basepath} /js/silviomoreto-bootstrap/bootstrap.min.js"> </ script> Initialize it: $ (window) .on ('charger', function () {$ ('. selectPicker'). SelectPicker ({'selectedText': 'cat'}); // $ ('. selectPicker'). selectPicker ('masquer');});Le code clé est de savoir si la classe et si la recherche est prise en charge par la suite
<select id = "bs3Select" multiple data-live-search = "true"> <opoption> Cow </opoption> <opoption> Bull </ Option> <option Disabled> ox </ option> </lect>
Si vous souhaitez toujours apprendre en profondeur, vous pouvez cliquer ici pour apprendre et vous attacher deux sujets passionnants: Tutoriel d'apprentissage bootstrap Tutoriel Bootstrap
Ce qui précède est tout le contenu de cet article. J'espère que cela sera utile à l'apprentissage de tous et j'espère que tout le monde soutiendra davantage Wulin.com.