1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style> 7 body{height: 500px} 8 .ceshi{height: 100px;width:300px;background:#f45;} 9 </style> 10 11 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> 12 <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.5/css/bootstrap-dialog.min.css" rel="stylesheet" type="text/css" /> 13 <link href="http://xxxx.com/stylesheets/bootstrap-multiselect.css" rel="stylesheet"> 14 </head> 15 <body> 16 <select id="example-getting-started" multiple="multiple"> 17 <option value="cheese">Cheese</option> 18 <option value="tomatoes">Tomatoes</option> 19 <option value="Mozzarella">Mozzarella</option> 20 <option value="Mushrooms">Mushrooms</option> 21 <option value="Pepperoni">Pepperoni</option> 22 <option value="Onions">Onions</option> 23 </select> 24 25 <select id='ww' multiple="multiple"> 26 <option value=”1”>高中</option> 27 <option value=”2”>大学</option> 28 <option value=”3”>博士</option> 29 </select> 30 <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script> 31 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 32 <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.5/js/bootstrap-dialog.min.js"></script> 33 <script src="http://xxx.com/javascripts/libs/bootstrap-multiselect.js" type="text/javascript"></script> 34 <script> 35 36 $(function(){ 37 $("#ww").multiselect() 38 }) 39 //此方法是对jquery的扩展 40 </script> 41 </body> 42 </html>