JQuery 绑定select标签的onchange事件
来源:互联网 发布:淘宝加购 编辑:程序博客网 时间:2024/05/17 00:17
$('#mySelect').change(function(){ alert($(this).children('option:selected').val()); var p1=$(this).children('option:selected').val();//这就是selected的值 var p2=$('#param2').val();//获取本页面其他标签的值 })
选择改变事件:change
获取选中内容:$(this).children('option:selected').val();
$(selector).children('option:selected').val();
参考:http://www.jb51.net/article/25929.htm
<script language="javascript"> $(document).ready(function() { //绑定下拉框change事件,当下来框改变时调用 SelectChange()方法 $("#selectID").change(function() { SelectChange(); }); }) function SelectChange() { //获取下拉框选中项的text属性值 var selectText = $("#selectID").find("option:selected").text(); alert(selectText); //获取下拉框选中项的value属性值 var selectValue = $("#selectID").val(); alert(selectValue); //获取下拉框选中项的index属性值 var selectIndex = $("#selectID").get(0).selectedIndex; alert(selectIndex); ////获取下拉框最大的index属性值 var selectMaxIndex = $("#selectID option:last").attr("index"); alert(selectMaxIndex); } function aa() { //设置下拉框index属性为5的选项 选中 $("#selectID").get(0).selectedIndex = 5; } function bb() { //设置下拉框value属性为4的选项 选中 $("#selectID").val(4); } function cc() { //设置下拉框text属性为5的选项 选中 $("#selectID option[text=5]").attr("selected", "selected"); $("#yyt option:contains('5')").attr("selected", true); } function dd() { //在下拉框最后添加一个选项 $("#selectID").append("<option value='7'>7</option>"); } function ee() { //在下拉框最前添加一个选项 $("#selectID").prepend("<option value='0'>0</option>") } function ff() { //移除下拉框最后一个选项 $("#selectID option:last").remove(); } function gg() { //移除下拉框 index属性为1的选项 $("#selectID option[index=1]").remove(); } function hh() { //移除下拉框 value属性为4的选项 $("#selectID option[value=4]").remove(); } function ii() { //移除下拉框 text属性为5的选项 $("#selectID option[text=5]").remove(); } </script>
参考:http://www.cnblogs.com/gengaixue/archive/2011/07/28/2119040.html
0 0
- JQuery 绑定select标签的onchange事件
- JQuery 绑定select标签的onchange事件
- JQuery 绑定select标签的onchange事件
- JQuery 绑定select标签的onchange事件
- JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
- JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
- JQuery动态修改select标签的内容,并绑定onchange事件,弹出选择的值
- JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
- JQuery动态修改select标签的内容,并绑定onchange事件,弹出选择的值
- JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
- JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
- JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
- 为select标签绑定onchange事件
- select标签的onchange事件
- select标签onchange事件
- select 标签 onchange事件
- JQ绑定select标签的onchange事件,跳转、传参、添加、删除
- Select的OnChange()事件
- Linux文件系统及属性
- 项目开发的技术总结
- 查看文件命令cat,more,less,tail,tac,nl,od---linux学习笔记
- java 加密解密算法MD5/SHA1,DSA
- linux统计文件中关键字出现的行号
- JQuery 绑定select标签的onchange事件
- java 动态代理机制的理解和分析
- grep的用法
- 查找数组中重复出现的元素
- 如何为可扩展系统进行Socket编程
- 将python程序打包成.exe文件
- Java EE 8 将支持 SSE 服务器端事件
- 使用python进行web抓取
- Bigpipe学习笔记和java版实现