Jquery select change 页面跳转 传参 ajax 加载 option each

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

 

 

 

        <select name='time_range'  id='time_range' style="width: 100%">
        {if (count($time_list)>0)}
            {foreach $time_list as $vo}
          <option value='{$vo.code}' selected="selected">{$vo.time_range}{$vo.status}</option>
            {/foreach}
        {/if}

        </select>

 

<script src="__JS__/laydate/laydate.js"></script> <!-- 改成你的路径 -->
<script>


laydate.render({
    elem: '#bespeak', 
    format: 'yyyy-MM-dd',
    type: 'date',
    min: '{$laydate_min}',
    max: '{$laydate_max}',

  done: function(value, date, endDate){

        $.ajax({
            url:"{:url('xiaoge/bespeak_check')}",
            data:{'data':value},
            dataType:"json",
            type:"post",
            success:function(r){

                    $('#time_range').html('');
                    $.each(r, function (key, val) {
                        $('#time_range').append('<option value="'+val.code+'">'+val.time_range+val.status+'</option>');
                    });
            }
        })

  }
});
</script>

 

posted @ 2016-04-15 18:07  WilliamShaw  阅读(532)  评论(0编辑  收藏  举报