1 introduction of JS CSS file
<Linkhref= "Jquery.searchableSelect.css"rel= "stylesheet"type= "Text/css"> <Scriptsrc= "Jquery-1.11.1.min.js"></Script> <Scriptsrc= "Jquery.searchableSelect.js"></Script>
2 HTML code:
<Select> <optionvalue= "Richerdyoung">Richerdyoung</option> <optionvalue= "Still Van Ret West">Still Van Ret West.</option> <optionvalue= "PHP">Php</option> <optionvalue= "Python">Python</option> <optionvalue= "Go">Go</option> <optionvalue= "Java">Java</option> <optionvalue= "Node">Node</option> <optionvalue= "Vue">Vue</option> <optionvalue= "html">Html</option> <optionvalue= "Apps">Apps</option> <optionvalue= "or">Or</option> </Select>
3 JS section:
<script> $ (function() { $ (' select '). Searchableselect (); }); </script>
The effect is as follows:
Demo Address: https://www.richerdyoung.cn/searchselect/
PS: Don't ask me where I downloaded it from. Not to tell you! I'm sure you can handle it.
"jquery Plugin" with the Search box drop-down box beautify the plugin