老師的項目中，網站右上有四個聯動的combobox，今天第一次嘗試解決。外觀如圖：

　　首先第一次登陸系統時，需要分別載入4個框中的數據。通過easyui-combobox的url

屬性請求php返回json數據即可，json中的value是名稱，id是編號。

　　然后當選擇省時。觸發combobox的onSelect事件，先將它clear，然后用JS改變后面

下拉框的url即可聯動。

　　url中要包含現在的動作信息，和選擇下拉框項的id值（編號），id值通過selection對象

的id屬性獲得。

//當選擇省份時$('#provinceSelectID').combobox({onSelect:function(selection){//獲取公司下拉框var com=$('#companySelectID');com.combobox('clear');com.combobox({//更改urlurl:"$webdb[www_url]/do/index.php?action=proCom&proID="+selection.id,valueField:'id',textField:'text'});var con=$('#controlSelectID');//控制中心的聯動con.combobox('clear');con.combobox({//更改urlurl:"$webdb[www_url]/do/index.php?action=proCon&proID="+selection.id,valueField:'id',textField:'text'});//變電站的更改var sub=$('#substationSelectID');sub.combobox('clear');sub.combobox({//更改urlurl:"$webdb[www_url]/do/index.php?action=proSub&proID="+selection.id,valueField:'id',textField:'text'});}});

　　在php端，通過獲取的$action來判斷需要的是什么數據，然后通過當前用戶和選項編號來獲取下級的信息。然后讓id為編號，text為名稱，編譯成json 返回給前臺。

1 if($action=="proCom"){ 2 $query='select distinct view_select.comid,COMPANYNAME FROM view_select where userid=\''.$userid.'\' and view_select.proid=\''.$proID.'\''; 3 $results=$db->get_results($query,ARRAY_N); 4 if(!$results){ 5 return null; 6 } 7 foreach ($results as $result){ 8 $item=array('id'=>$result[0],'text'=>$result[1]); 9 array_push($items, $item); 10 } 11 $jsItems=json_encode($items); 12 echo $jsItems; 13 }

?

轉載于:https://www.cnblogs.com/XHuangX/archive/2013/03/05/2944732.html

總結

以上是生活随笔為你收集整理的combobox的联动练习的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。