欢迎来到代码驿站!

jquery

当前位置:首页 > 网页前端 > jquery

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

时间:2020-11-02 17:39:51|栏目:jquery|点击:
复制代码 代码如下:

<script src="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+"&param2="+p2+"";//页面跳转并传参
})
})
</script>

<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"/>

上一篇:jQuery图片前后对比插件beforeAfter用法示例【附demo源码下载】

栏    目:jquery

下一篇:JQuery选择器特辑 详细小结

本文标题:JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参

本文地址:http://www.codeinn.net/misctech/18467.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有