Jquery 多选下拉框取值
来源:互联网 发布:软件前景 编辑:程序博客网 时间:2024/06/06 02:30
<!DOCTYPE html><html><head> <title>Bootstrap 实例 - 选择框</title> <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> <script> $(function(){$("input:button").click(function() {var all = "";$("select option").each(function() {all += $(this).attr("value")+" ";});var sel = $("select").val();alert("多选列表所有的value值:"+all+" 其中被选中的是:"+sel );});})</script><style>select{width:200px;height:500px;padding:10px;border:4px dashed #ccc;}select option{margin:5px;}input[type='button']{width:200px;height:35px;margin:10px;border:2px dashed #ebbcbe;}</style></head><body><form role="form"> <select id="multi-sel" multiple="multiple"><option value="1">萝卜,我的value是1</option><option value="2">青菜,我的value是2</option><option value="3">小葱,我的value是3</option><option value="4">豆腐,我的value是4</option> </select> <input type="button" value="点击显示选择的项目"></form></body></html>
0 0
- Jquery 多选下拉框取值
- jquery multiselect 下拉多选
- JQuery 多选下拉框
- Jquery下拉框取值
- jquery multiSelect 多选下拉框
- jquery-UI实现下拉多选
- jquery multiSelect 多选下拉框代码
- jquery multiSelect多选下拉操作
- jquery的combobox实现下拉多选
- Jquery-multiselect 多选下拉框
- jquery实现多选下拉列表
- jQuery模拟下拉选
- Jquery 多选下拉列表插件jquery multiselect
- query多选下拉框插件 jquery-multiselect
- jQuery 对多选下拉框的简单应用
- query多选下拉框插件 jquery-multiselect
- query多选下拉框插件 jquery-multiselect
- js:jquery multiSelect 多选下拉框实例
- Android学习笔记 3.3View的弹性滑动
- 棋盘分割
- httpclient4.3发送post和get实例代码
- html中META标签的作用及SEO关键字优化办法
- Elasticsearch源码分析九--查询解析器QueryParser注册过程
- Jquery 多选下拉框取值
- 基于HTK的连续语音识别系统搭建学习笔记(一)
- Oracle 增加修改删除字段
- 趣学 C 语言 (一)—— time.h
- 详解Oracle DELETE和TRUNCATE 的区别
- Spring的PropertyPlaceholderConfigurer应用
- jQuery参数传递赋值的问题
- FreeMarker and Spring MVC
- 去掉导航栏下面的黑线