您的位置:首页 > 博客中心 > 前端开发 >

Jquery select change 页面跳转 传参

时间:2022-04-09 16:40

<script src="http://cdn.bootcss.com/jquery/2.2.1/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
    $(‘#mySelect‘).change(function(){
        $(‘#show_select‘).val($(this).children(‘option:selected‘).val());//把选中selected的值,显示到input
        
        var p1=$(this).children(‘option:selected‘).val();//这就是selected的值
        var p2=$(‘#param2‘).val();//获取本页面其他标签的值
        window.location.href="http://www.paidad.cn?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="show_select" name="show_select" id="show_select"/> 

 

本类排行

今日推荐

热门手游