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;
      }
      }
      ?>

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