2678777127 发表于 2018-2-11 11:55:07


            整理文档,搜刮出一个yii2中dropDownList实现二级和三级联动写法的代码,稍微整理精简一下做下分享。
视图页面:
['index'],
    'method' => 'get',
]); ?>
   field($model, 'cocate_id')->dropDownList(Helper::courseCateMap(), ['prompt' => yii::t('backend', 'Please select course cate')]) ?>
field($model, 'course_id')->dropDownList(Helper::courseMap($model->cocate_id), ['prompt' => yii::t('backend', 'Please select first course cate')])?>
   field($model, 'person_id')->dropDownList(Helper::personMap(1, $model->cocate_id), ['prompt' => yii::t('backend', 'Please select person')]) ?>


页面嵌套js
'.yii::t('backend', 'Please select course').'");//二级显示目录标签
$("#classsearch-person_id").html("'.yii::t('backend', 'Please select person').'");//三级显示目录标签(如果 你只需要二级 三级的可以直接删除掉)
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);
?>
页: [1]
查看完整版本: yii2中dropDownList实现二级和三级联动写法