当前位置:Gxlcms > PHP教程 > yii如何实现dropDownList的联动事件(代码)

yii如何实现dropDownList的联动事件(代码)

时间:2021-07-01 10:21:17 帮助过:20人阅读

本篇文章给大家带来的内容是关于yii如何实现dropDownList的联动事件(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

因功能需求,需要用到联动,特此记录分享

一、视图中

<div class="main-form">

    <?php $form = ActiveForm::begin(); ?>


    <?= $form->field($model, 'cid')->dropDownList(
        \common\models\service\common\Category::getCateOptions(),
        [
            'prompt' => '请选择单位',
            'onchange'=>'
                $.post("/carousel/main/cate?id='.'"+$(this).val(),function(data){
                    $("select#main-aid").html(data);
                });',
        ]
    )->hint('父级,必选') ?>
    <?= $form->field($model, 'aid')->dropDownList( \common\models\service\common\Category::getCateOptions(), ['prompt' => '请选择子级']) ?>
    <div class="form-group">
        <?= Html::submitButton('Save', ['class' => 'btn btn-success']) ?>
    </div>

    <?php ActiveForm::end(); ?>

</div>

二、控制器

ublic function actionCate($id)
{
    $departments = Category::find()
        ->where(['parent_id' => $id])
        ->asArray()
        ->all();

    if(!$departments){
        echo "<option value='" . 0 . "'>"  . "</option>";
    }
    foreach ($departments as $department) {
        echo "<option value='" . $department['id'] . "'>" . $department['name'] . "</option>";
    }
}

三、实现效果

2238567270-5b98cab11066f_articlex.png

相关推荐:

Yii2使用dropdownlist实现地区三级联动功能的方法

dropdownlist之间的互相联动实现(显示与隐藏)_javascript技巧

以上就是yii如何实现dropDownList的联动事件(代码)的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行