Jquery下拉框取值
2016-05-11 17:59
507 查看
<!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() { $("select").change(function(event) { ////获取当前选择的下一项的值 //var obj = $(this).find("option:selected").next(); //alert("选中项的下一个: 内容"+obj.html()+",值"+obj.val()); //获取当前选择的下一项的值 var obj = $(this).find("option:selected"); alert("选中项的: 内容"+obj.html()+",值"+obj.val()); }); }) </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> </form> </body> </html>
相关文章推荐
- jquery正则表达式基础辅助式理解
- JQuery replace 替换全部
- jQuery each的简单使用
- 使用JQuery进行cookie操作
- jquery学习笔记
- jQuery DataTables的简单实现
- Jquery常用功能总结
- JQuery中,html()、text()、val()区分
- 必看的 jQuery性能优化的38个建议
- jquery与原生js比较
- jQuery validate 无法校验 kindeditor 非空
- jquery的click事件失效
- jQuery 中的事件冒泡和阻止默认行为
- jQuery插件开发
- jQuery 之 $.get、$.post、$.getJSON、$.ajax
- jquery获取和改变值
- 一些常用的jQuery插件
- Jquery AutoComplete的使用方法实例
- JQuery validate插件验证用户注册信息
- jQuery validate验证插件使用详解