php 下拉清單多級聯動dropDownList範例程式碼-php教程-PHP中文網

DropDownList控件又稱下拉列錶框控件，控件列表中的多行資料以隱含的形式表示出來，當使用者需要選擇所需列表項時，透過點擊「下三角」圖形展示，使用者每次只能選用一個資料項。 DropDownList控制項其實是清單項目的容器，下拉列錶框以 Items集合表示各項的內容。如果在 ASP． NET頁面中逐一的手動填寫 DropDownList控制項的列表選項，當清單項目很多的時候會比較繁瑣，而且修改比較麻煩。 DropDownList控件動態連接到資料庫，按指定條件從資料庫中查詢出列表選項數據，然後綁定定到控件，可以方便快速地顯示出多個下拉選項。同時，透過修改資料庫中資料，可以動態改變下拉選項。例如，在導師遴選系統中，研究生導師填寫申請資訊的時候，需要選擇申請類型，而且同樣的資訊在多處頁面出現，將資料庫中申請類型表的資料綁定#到DropDownList上，能比較好的解決問題。

本文為大家詳細介紹下下拉清單多重級聯dropDownList具體的實作程式碼

檢視：
cdnauto/views/config/index.php

程式碼如下:

echo CHtml::dropDownList('node', '', CHtml::listData(Node::model()->findAll(),'name','name'),array('empty'=>'--请选择节点--', 'id' => 'node', 'ajax'=>array( 'type'=>'POST', 'url'=>Yii::app()->createUrl('cdnauto/config/getNodeServersByNodeName'), 'update'=>'#servers', 'data'=>array('node_name'=>'js:$("#node").val()'), ) ) ); echo " "; echo CHtml::dropDownList('servers', '', array('--请选择服务器--'));

登入後複製

控制器:
cdnauto/controllers/ConfigController.php

public function actionGetNodeServersByNodeName(){ // if(!Yii::app()->request->isAjaxRequest) // throw new CHttpException(404); $node_name = $_POST['node_name']; $nodeid = Node::model()->getNodeId($_POST['node_name']); //通过节点名称获取该节点ID $server = GossServer::model()->getServerByNodeid($nodeid); //通过节点ID获取服务器信息 //$server 为array类型，形如 $server = array(array('name'=>'name1'),array('name'=>'name2'));所以需要两次foreach if(isset($server)){ foreach ($server as $k=>$v){ foreach($v as $kk => $vv){ echo CHtml::tag('option', array('value'=>$kk), CHtml::encode($vv), true); } } }else{ echo CHtml::tag('option', array('value'=>''), 'servers', true); } }

登入後複製

模型：
GossServer. php

/** * 通过节点ID获取该节点下所有的服务器名称 * @author ysdaniel */ public static function getServerByNodeid($nodeid) { $sql = "SELECT name FROM OSS_Server WHERE nodeid = '{$nodeid}' "; ///$sql = "SELECT name,nodeid FROM OSS_Server WHERE nodeid = '{$nodeid}' "; //both ok $cmd = Yii::app()->db->createCommand($sql); $ret = $cmd->queryAll(); if (!$ret){ throw new Exception("找不到这个节点对应的服务器"); } return $ret; }

登入後複製

Node.php

/** * 通过nodename获取nodeid名 * @author */ public static function getNodeId($name) { $sql = "SELECT id FROM OSS_Node WHERE name = '{$name}'"; $cmd = Yii::app()->db->createCommand($sql); $ret = $cmd->queryAll(); if (!$ret){ return null; //throw new Exception("找不到Node{$name}"); } return $ret[0]['id']; }

登入後複製

其它：
資料表結構
效果：
沒有選擇節點前：
php 下拉清單多級聯動dropDownList範例程式碼