Question

我有以下代码：

$model->parent_id ==10

第一行是包含多个选项的下拉列表。在下拉选项中有一个选项（{{1}}），我希望这样做，当用户选择该选项时，第二行不活动或隐藏。
我试着用jquery解决它，但它没有用。

请与我分享您在此问题上的解决方案

提前谢谢

Answer 1

您的表格

<?= $form->field($model, 'parent_id')->dropDownList($categories, ['id' => 'myParentField', 'prompt' => '--- Select Parent ---']) ?>  

<div id="showField" style="display:none">                                            
    <?= $form->field($model, "[{$lang['id']}]anchors",['template' => $template])->textarea(['class' => 'form-control editor']);?>
</div>

在您的表单中注册Js，如下所示

<?php
$this->registerJs(<<<JS
   $(document).ready(function(){
      $('#myParentField').on('change', function() {
         if (($('#myParentField').val()) == '10') {
            $("#showField").show();
         } else {
            $("#showField").hide();
         }
      });
   });
JS
);
?>

参考Working with Client Scripts (Yii2 Register Js)

在下拉选择的结果激活/停用表单

1 个答案: