php 下拉列表多级联动dropDownList示例代码

怪我咯

发布时间：2017-07-12 15:45:41

2673人浏览过

来源于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

Ecshop韩都衣舍2014最新豪华版

雕鹰团队二次开发服装类商城模板；ecshop 韩都衣舍2014最新豪华版+专题频道页面功能；采用DIV+CSS布局，并优化了很多代码，使模板打开速度更快，更利于SEO搜索引擎优化。顶级分类页调用该分类下精品商品排行，左右切换滚动特效，头部购物车鼠标移入显示购物车商品，首页分类下方调用各分类商品，并且商品有立即购买功能，列表页左侧商品分类默认商品展开状态，点击哪个分类进入此页面，那么这个分类处于展开

下载

立即学习“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']; 
}

其它：
数据表结构
效果：
没有选择节点前：