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

最新推荐文章于 2023-05-09 17:52:12 发布

坚持到底就能逆袭

最新推荐文章于 2023-05-09 17:52:12 发布

阅读量2k

点赞数 1

分类专栏： js

本文链接：https://blog.csdn.net/a138984/article/details/49802871

版权

js 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

先给一个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].后面可以加你自己的东西

因为怕麻烦，就没把完整的代码上传，这只是提供一个思路，其中的一些方法还是可以参考的。