您的位置:首页 > Web前端 > JavaScript

select二级联动,并用jq遍历ajax传递的json,并变成option

2015-11-12 18:16 656 查看
先给一个select的id叫pid,然后如果改变,则传递ajax

$("#pid").change(function(){
var pid=$("#pid").val();
shijianduan(pid);
});
<span style="white-space:pre">		</span>function shijianduan(pid) {
<span style="white-space:pre">			</span>var smallname = $("#shijianduan"); 
<span style="white-space:pre">	</span>        $("option",smallname).remove(); //清空原有的选项,不然会把原来的和当前的option混合
<span style="white-space:pre">			</span>$.ajax({
                url:"{:U('guanlisjd')}&pid="+pid,
                success: function(data) {
                <span style="white-space:pre">	</span>var newarray = eval(data);
                    for(var i=0; i<newarray.length; i++){
                        var option = "<option value= '"+newarray[i].id+"'>"+newarray[i].startdate+"~"+newarray[i].enddate+"</option>";
                        $("#shijianduan").append(option);
                       }    
                }
            });
<span style="white-space:pre">			</span>}//其中newarray[i].后面可以加你自己的东西
因为怕麻烦,就没把完整的代码上传,这只是提供一个思路,其中的一些方法还是可以参考的。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: