multi-select-ie11-polyfills实现下拉单选多选带删除效果代码

代码语言:html

所属分类:表单美化

代码描述:multi-select-ie11-polyfills实现下拉单选多选带删除效果代码

代码标签: multi-select-ie11-polyfills 下拉 单选 多选

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
   
<meta charset="UTF-8" />
   
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
   
<meta name="viewport" content="width=device-width, initial-scale=1.0" />


   
<style>
        html
, * {
           
font-family: 'Inter';
           
box-sizing: border-box;
       
}

        body
{
           
background-color: #fafafa;
           
line-height: 1.6;
       
}

       
.lead {
           
font-size: 1.5rem;
           
font-weight: 300;
       
}

       
.container {
           
margin: 150px auto;
           
max-width: 960px;
       
}
   
</style>
</head>

<body>

   
<div class="container">
       
<h1>可以多选的Select下拉选择插件</h1>

       
<select id="categories">
           
<option value="AF">Afghanistan</option>
           
<option value="AX">Åland Islands</option>
           
<option value="AL">Albania</option>
           
<option value="DZ">Algeria</option>
           
<option value="AS">American Samoa</option>
           
<option value="AD">Andorra</option>
           
<option value="AO">Angola</option>
           
<option value="AI">Anguilla</option>
           
<option value="AQ">Antarctica</option>
           
<option value="AG">Antigua and Barbuda</option>
           
<option value="AR">Argentina</option>
           
<option value="AM">Armenia</option>
           
<option value="AW">Aruba</option>
           
<option value="AU">Australia</option>
           
<option value="AT">Austria</option>
           
<option value="AZ">Azerbaijan</option>
           
<option value="BS">Bahamas</option>
           
<option value="BH">Bahrain</option>
           
<option value="BD">Bangladesh</option>
           
<option value="BB">Barbados</option>
           
<option value="BY">Belarus</option>
           
<option value="BE">Belgium</option>
           
<option value="BZ">Belize</option>
           
<option value="BJ">Benin</option>
           
<option value="BM">Bermuda</option>
           
<option value="BT">Bhutan</option>
           
<option value="BO">Bolivia, Plurinational State of</option>
           
<option value="BQ">Bonaire, Sint Eustatius and Saba</option>
           
<option value="BA">Bosnia and Herzegovina</option>
           
<option value="BW">Botswana</option>
           
<option value="BV">Bouvet Island</option>
           
<option value="BR">Brazil</option>
           
<option value="IO">British Indian Ocean Territory</option>
           
<option value="BN">Brunei Darussalam</option>
           
<option value="BG">Bulgaria</option>
           
<option value="BF">Burkina Faso</option>
           
<option value="BI">Burundi</option>
           
<option value="KH">Cambodia</option>
           
<option value="CM">Cameroon</option>
           
<option value="CA">Canada</option>
           
<option value="CV">Cape Verde</option>
           
<option value="KY">Cayman Islands</option>
           
<option value="CF">Central African Republic</option>
           
<option value="TD">Chad</option>
           
<option value="CL">Chile</option>
           
<option value="CN">China</option>
           
<option value="CX">Christmas Island</option>
           
<option value="CC">Cocos (Keeling) Islands</option>
           
<option value="CO">Colombia</option>
           
<option value="KM">Comoros</option>
           
<option value="CG">Congo</option>
           
<option value="CD">Congo, the Democratic Republic of the</option>
           
<option value="CK">Cook Islands</option>
           
<option value="CR">Costa Rica</option>
           
<option value="CI">Côte d'Ivoire</option>
           
<option value="HR">Croatia</option>
           
<option value="CU">Cuba</option>
           
<option value="CW">Curaçao</option>
           
<option value="CY">Cyprus</option>
           
<option value="CZ">Czech Republic</option>
           
<option value="DK">Denmark</option>
           
<option value="DJ">Djibouti</option>
           
<option value="DM">Dominica</option>
           
<option value="DO">Dominican Republic</option>
           
<option value="EC">Ecuador</option>
           
<option value="EG">Egypt</option>
           
<option value="SV">El Salvador</option>
           
<option value="GQ">Equatorial Guinea</option>
           
<option value="ER">Eritrea</option>
           
<option value="EE">Estonia</option>
           
<option value="ET">Ethiopia</option>
           
<option value="FK">Falkland Islands (Malvinas)</option>
           
<option value="FO">Faroe Islands</option>
           
<option value="FJ">Fiji</option>
           
<option value="FI">Finland</option>
           
<option value="FR">France</option>
           
<option value="GF">French Guiana</option>
            <option value=".........完整代码请登录后点击上方下载按钮下载查看

网友评论0