Javascript implementation drop-down prompt selection box, javascript implementation drop-down

Javascript implementation drop-down prompt selection box, javascript implementation drop-down

This article describes how to use select and sugget in combination. It supports direct selection from the drop-down list and filtering in the drop-down list.
The overall effect is as follows:

 

1. First, introduce the following file:

<link href="select2.min.css" rel="stylesheet" /> <script type="text/javascript" src="jquery-2.1.4.min.js"></script> <script type="text/javascript" src="select2.min.js"></script> 

Note that jquery should be placed before select2.
2. Some Instances

<! DOCTYPE html> 
3. Effect
Effect 1

Effect 2

There are also some other content, such as filling through ajax search and supporting input. If you want to know more, please read related articles.
Articles you may be interested in:

 

 
  
Code for the effect of the left-right selection box implemented by javascript
 
  
Select drop-down box beautification implementation code (js + css + image)
 
  
JavaScript text box drop-down prompt (automatic prompt)
 
  
. NET uses js to create a Baidu search drop-down prompt (not partial refresh) Implementation idea
 
  
Js implements a provincial/municipal-level association selection box code sharing
 
  
In JavaScript, a select box example of "yes" or "no" is displayed (instance analysis of confirm usage)
 
  
Sample js custom personality drop-down box
 
  
Custom simple style js drop-down box
 
  
JS + CSS implementation practical click input box pop-up selection box method