jquery-based selection tag to text field effect, multiple selection/repeat filtering/limited number implementation code_jquery

There is currently no judgment on manual input. If necessary, you can add relevant judgments in the keyup and change events.
For related instructions and calling methods, please see the comments in the code.
Demo and code:

<meta charset="gbk"> <title>Select label to text field effect, multiple selection/repeat filtering/limited number @Mr.Think</title> <style> /*reset css*/ body,input{letter-spacing:1px;font:12px/1.5 tahoma,arial,5b8b4f53} div,h2,p,input,select{margin:0;padding:0} input{vertical-align:middle} h1{font-size:1em;font-weight:normal} h1 a{background:#047;padding:2px 3px;color:#fff;text-decoration:none} h1 a:hover{background:#a40000;color:#fff;text-decoration:underline} h3{color:#888;font-weight:bold;font-size:1em;margin:1em auto;position:relative} /*demo css*/ #demo input{_margin-top:1px;padding-left:5px;border:1px solid #999;width:700px;height:20px;font-size:14px;color:#000} #dropbox{display:none;z-index:9999;padding:5px;background:#fff;border:1px solid #999;border-top:0;z-index:999} #dropbox a{margin-right:8px;text-decoration:none} #dropbox a:hover{text-decoration:underline} #dropbox p{line-height:24px} #dropbox em.close{float:right;color:#999;font-style:normal;cursor:pointer} </style> <meta name="author" content="Mr.Think闈掗笩"> <meta name="keywords" content="Mr.Think,鍓嶇">