在yii框架中php三级联动,Yii2 如何实现二级联动?

视图

场景:点击一个分类,更换一个URL

'id' => strtolower($model->formName()),

'action' => ['/apitools/default/index']

]); ?>

= $form->field($model, 'type')->dropDownList(

ApiTool::getType(),

['prompt' => '选择一个分类']

) ?>

= $form->field($model, 'url')->dropDownList(

[],

['prompt' => '选择一个url']

) ?>

jQuery

jQuery("#apitool-type").change(function () {

var html = '';

$.ajax({

url: '= \yii\helpers\Url::to(["/apitools/default/type-list"]) ?>',

type: 'GET',

dataType: 'json',

data: {type: $(this).val()},

success: function (msg) {

$.each(msg, function (key, val) {

html += '' + val + '';

});

$("#apitool-url").html(html);

}

})

});

});

Controller

返回JSON的 key-value

public function actionTypeList()

{

$type = \Yii::$app->request->get('type');

return Json::encode(ApiTool::getUrl($type));

}

本帖已被设为精华帖!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Yii2使用Select2实现二级联动可以通过以下步骤实现: 1. 首先在视图文件引入Select2组件: ```php use yii\helpers\Html; use kartik\select2\Select2; ``` 2. 定义一个数组来存储一级选项的数据,假设我们的数组为$parentData: ```php $parentData = ['1' => 'Parent 1', '2' => 'Parent 2', '3' => 'Parent 3']; ``` 3. 在视图文件使用Select2组件来渲染一级选项: ```php echo $form->field($model, 'parent_id')->widget(Select2::classname(), [ 'data' => $parentData, 'options' => ['placeholder' => 'Select parent'], ]); ``` 4. 定义一个二维数组来存储二级选项的数据,假设我们的数组为$childData: ```php $childData = [ '1' => ['1-1' => 'Child 1-1', '1-2' => 'Child 1-2'], '2' => ['2-1' => 'Child 2-1', '2-2' => 'Child 2-2', '2-3' => 'Child 2-3'], '3' => ['3-1' => 'Child 3-1'], ]; ``` 5. 在视图文件使用jQuery脚本来实现二级联动: ```php $script = <<< JS $(document).ready(function() { $('#model-parent_id').on('change', function() { var parent_id = $(this).val(); var childData = $.parseJSON('{$childData}'); $('#model-child_id').html(''); $.each(childData[parent_id], function(id, name) { var opt = $('<option/>').attr('value', id).text(name); $('#model-child_id').append(opt); }); }); }); JS; $this->registerJs($script); ``` 6. 在视图文件使用Select2组件来渲染二级选项: ```php echo $form->field($model, 'child_id')->widget(Select2::classname(), [ 'options' => ['placeholder' => 'Select child'], ]); ``` 注意,我们在二级选项的Select2组件并没有设置数据源,而是通过jQuery脚本来动态生成选项。此外,我们还需要在一级选项的Select2组件添加`id`属性,以便在jQuery脚本使用`$('#model-parent_id')`来获取选项的值。 以上就是使用Select2实现Yii2下的二级联动的步骤。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值