select option 下拉多选单选bootstrap插件使用总结2
2024-08-24 17:41:58
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
body{height: 500px}
.ceshi{height: 100px;width:300px;background:#f45;}
</style> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.5/css/bootstrap-dialog.min.css" rel="stylesheet" type="text/css" />
<link href="http://xxxx.com/stylesheets/bootstrap-multiselect.css" rel="stylesheet">
</head>
<body>
<select id="example-getting-started" multiple="multiple">
<option value="cheese">Cheese</option>
<option value="tomatoes">Tomatoes</option>
<option value="Mozzarella">Mozzarella</option>
<option value="Mushrooms">Mushrooms</option>
<option value="Pepperoni">Pepperoni</option>
<option value="Onions">Onions</option>
</select> <select id='ww' multiple="multiple">
<option value=”1”>高中</option>
<option value=”2”>大学</option>
<option value=”3”>博士</option>
</select>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.5/js/bootstrap-dialog.min.js"></script>
<script src="http://xxx.com/javascripts/libs/bootstrap-multiselect.js" type="text/javascript"></script>
<script> $(function(){
$("#ww").multiselect()
})
//此方法是对jquery的扩展
</script>
</body>
</html>
最新文章
- IT行业常谈的优雅
- struts 文件上传
- JQuery 插件之Ajax Autocomplete(ajax自动完成)搜索引擎自动显示下拉框
- JS---------IIFE(Imdiately Invoked Function Expression 立即执行的函数表达式)
- Windows bat with adb
- I2C Verilog的实现(一)
- 数列分段Section II
- 如何自学成为一个WEB前端
- CSS3 3D环境实现立体 魔方效果代码
- Code Lock
- JAVA_SE基础——59.权限访问修饰符
- PAT基础6-6
- JQ 向上查找指定 同辈元素 找到后返回
- Javascript var 和 let 的区别
- Semaphore实现的生产者消费者程序
- Spring Security OAuth2实现单点登录
- SQL SERVER数据库新认识的一些基础知识
- unity Transform.TransformPoint
- python16_day38【flask】
- html增加锚点定位