yii2中dropDownList实现二级和三级联动写法

整理文档，搜刮出一个yii2中dropDownList实现二级和三级联动写法的代码，稍微整理精简一下

整理文档，搜刮出一个yii2中dropDownList实现二级和三级联动写法的代码，稍微整理精简一下做下分享。

视图页面：

<?php $form = ActiveForm::begin([
 'action' => ['index'],
 'method' => 'get',
 ]); ?>
 <!--一级目录--> <?= $form->field($model, 'cocate_id')->dropDownList(Helper::courseCateMap(), ['prompt' => yii::t('backend', 'Please select course cate')]) ?>

 <!--二级目录--><?= $form->field($model, 'course_id')->dropDownList(Helper::courseMap($model->cocate_id), ['prompt' => yii::t('backend', 'Please select first course cate')])?>

 <!--三级目录--><?= $form->field($model, 'person_id')->dropDownList(Helper::personMap(1, $model->cocate_id), ['prompt' => yii::t('backend', 'Please select person')]) ?>
 
 <?php ActiveForm::end(); ?>
 页面嵌套js
 <?php 
$js = '
//分类
$("#classsearch-cocate_id").change(function() {
 var cocateId = $(this).val();//获取一级目录的值
 $("#classsearch-course_id").html("<option value=\"\">'.yii::t('backend', 'Please select course').'</option>");//二级显示目录标签
 $("#classsearch-person_id").html("<option value=\"\">'.yii::t('backend', 'Please select person').'</option>");//三级显示目录标签（如果 你只需要二级 三级的可以直接删除掉）
 if (cocateId > 0) {
 getCourse(cocateId);//查询二级目录的方法
 getPerson(cocateId);//查询三级目录的方法（如果 你只需要二级 三级的可以直接删除掉）
 }
});
 
function getCourse(cocateId){
 var href = "'.Url::to(['/ajax/option']).'";//请求的地址
 $.ajax({
 "type" : "GET",
 "url" : href,
 "data" : {cocateId : cocateId,type : "course"},//所需参数和类型
 success : function(d) {
 $("#classsearch-course_id").append(d);//返回值输出
 }
 });
}

function getPerson(cocateId){
 var href = "'.Url::to(['/ajax/option']).'";//同上
 $.ajax({
 "type" : "GET",
 "url" : href,
 "data" : {cocateId : cocateId,type : "person"},//所需参数和类型
 success : function(d) {
 $("#classsearch-person_id").append(d);//同上
 }
 });
}
 
 
';
$this->registerJs($js);
?>

php代码：

这个是ajax自己声明的控制器：

<?php 

namespace backend\controllers;
class AjaxController extends BaseController
{
 public function actionOption($cocateId, $type)
 {
 switch ($type) {
 case 'course':
 $_data = Helper::courseMap($cocateId);
 break;
 case 'person':
 $_data = Helper::personMap(1, $cocateId);
 break;
 case 'class':
 $_data = Helper::classMap($cocateId);
 break;
 }
 $_tmp = '';
 foreach ($_data as $key => $val) {
 $_tmp .= "<option value='" . $key . "'>{$val}</option>";
 }
 echo $_tmp;
 }

Helper.php 封装好的类文件 可以单独建立文件 在配置中引用 :

<?php
namespace backend\components;//继承的空间路径
class Helper//声明类
{
 //声明查询的方法 一级
 public static function courseCateMap()
 {
 $_data = CourseCate::find()->select('cocate_id,cocate_name')->all();
 $_data = ArrayHelper::map(array_merge($_data), 'cocate_id', 'cocate_name');
 return $_data;
 }
 //声明查询的方法 二级
 public static function courseMap($cocateId)
 {
 $condition['cocate_id'] = $cocateId;
 $_data = Course::find()->select('course_id,course_name')->where($condition)->all();
 $_data = ArrayHelper::map(array_merge($_data), 'course_id', 'course_name');
 return $_data;
 }
 //声明查询的方法 三级
 public static function personMap($percateId, $cocateId = 0)
 {
 
 $shopId = Yii::$app->user->identity->shop_id;
 $condition = [];
 if ($shopId)
 {
 $condition['shop_id'] = $shopId;
 }
 if ($percateId)
 {
 $condition['percate_id'] = $percateId;
 }
 if ($cocateId)
 {
 $condition['cocate_ids'] = intval($cocateId);
 }
 $_data = Person::find()->select('person_id,person_name')->where($condition)->all();

 $_data = ArrayHelper::map(array_merge($_data), 'person_id', 'person_name');
 return $_data;
 }
 }
 ?>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。