select option 下拉多选单选bootstrap插件使用总结2

 1 <!doctype html>
 2 <html >
 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  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 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>