YII实现dropDownList 联动事件

朱雀 2022-05-13 11:24 162阅读 0赞

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

## 一、视图中 ##

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

## 三、实现效果 ##

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

## 一、视图中 ##

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

## 三、实现效果 ##

![这里写图片描述][70]

[70]: /images/20220513/7f2259609232430198477329c646ec9f.png

发表评论取消回复

表情：

评论列表（有 0 条评论，162人围观）

还没有评论，来说两句吧...

相关阅读

相关键盘事件与onclick事件联动

键盘事件前言 1.键盘事件 2.键盘事件属性 3.键盘响应顺序 -------------------- 前言 onkeydow

太过爱你忘了你带给我的痛/ 2023年10月05日 17:27/ 0 赞/ 63 阅读

相关 php dropdownlist,Yii2中DropDownList简单用法示例

本文实例讲述了Yii2中DropDownList简单用法。分享给大家供大家参考，具体如下：这里以实际应用为例讲解Yii2 DropDownList用法。有一张分类表，无

阳光穿透心脏的1/2处/ 2022年11月17日 10:18/ 0 赞/ 136 阅读

相关 yii2中在view页面写js代码/城市联动

1. <script><?php $this->beginBlock('js\_end') ?> $(document).on('change','.address',fu

╰半橙微兮°/ 2022年07月15日 14:13/ 0 赞/ 141 阅读

相关【Angular2】angular2 select change 事件实现下拉联动

一、实现要求还用Angular2实现select下拉框联动的效果： ![这里写图片描述][SouthEast] 二、实现过程 2.1 项目结构

小咪咪/ 2022年06月08日 12:27/ 0 赞/ 180 阅读

相关 3级联动---change事件，

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht

╰+攻爆jí腚メ/ 2022年06月04日 05:07/ 0 赞/ 211 阅读

相关 layui实现二级联动

使用layui的时候使用js的时候就要注意了很有可能这个时候js的很多事件都不好使了 ![70][] ![70 1][] ![70 2][]

灰太狼/ 2022年05月28日 04:22/ 0 赞/ 229 阅读

相关 yii2 application应用绑定事件

<?php use yii\web\Application; defined('YII_DEBUG') or define('YII_DEBUG', t

「爱情、让人受尽委屈。」/ 2022年05月24日 01:18/ 0 赞/ 143 阅读

相关 YII实现dropDownList 联动事件

\ 因功能需求，需要用到联动，特此记录分享\ 一、视图中 <div class="main-form"> <?php $form =

朱雀/ 2022年05月13日 11:24/ 0 赞/ 163 阅读

相关 [导入]Asp.net 2.0 一个简单的联动DropDownList示例(示例代码下载)

![1452146.aspx][] 文章来源: [http://blog.csdn.net/ChengKing/archive/2006/12/21/1452146.asp

旧城等待，/ 2022年03月27日 08:22/ 0 赞/ 177 阅读

相关 asp:DropDownList 使用

<asp:DropDownList ID="DropDownList1" runat="server" οnchange="return My\_DropDownList1()

桃扇骨/ 2021年09月19日 11:08/ 0 赞/ 398 阅读