zoukankan      html  css  js  c++  java
  • select option 下拉多选单选bootstrap插件使用总结2

     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>
    坚持下去就能成功
  • 相关阅读:
    【MapReduce】三、MapReduce运行机制
    【MapReduce】二、MapReduce编程模型
    【MapReduce】一、MapReduce简介与实例
    配置集成测试环境 phpstudy
    系统安装
    项目测试的流程
    黑.白盒测试
    黑盒测试等价划分实例
    软件测试的概述
    单元测试框架unitest和自动化测试高级应用
  • 原文地址:https://www.cnblogs.com/suoking/p/4956580.html
Copyright © 2011-2022 走看看