整理文档,搜刮出一个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; }
新闻热点
疑难解答