JQuery 绑定select标签的onchange事件，弹出选择的值，并实现跳转、传参

JQuery 绑定select标签的onchange事件，弹出选择的值，并实现跳转、传参（selected的值和页面其它元素的值）

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>select</title> </head> <body> <select id="mySelect"> <option value="1">one</option> <option value="2" selected="selected">two</option> <option value="3">three</option> </select> <input type="text" value="ooo" name="param2" id="param2"/> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> $(document).ready(function(){ $('#mySelect').change(function(){ alert($(this).children('option:selected').val()); var p1=$(this).children('option:selected').val();//这就是selected的值 var p2=$('#param2').val();//获取本页面其他标签的值 window.location.href="xx.php?param1="+p1+"¶m2="+p2+"";//页面跳转并传参 }) }) </script> </body> </html>

提示：你可以先修改部分代码再运行。

http://www.jb51.net/article/25929.htm

转载请注明：有爱前端 » JQuery 绑定select标签的onchange事件，弹出选择的值，并实现跳转、传参