select二級聯動,並用jq遍歷ajax傳遞的json,並變成option

先給一個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].後面可以加你自己的東西
因爲怕麻煩,就沒把完整的代碼上傳,這只是提供一個思路,其中的一些方法還是可以參考的。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章