Как вывести скрытое поле в зависимости от выбранного значения в списке?

Question

[nnkrasovok]

есть поле типа dropDownList. данные в нем выводятся из бд.

<?= $form->field($model, 'id_education_stage')->dropDownList(
                    \yii\helpers\ArrayHelper::map(\app\models\EducationStage::find()->all(), 'id', 'name'),
                ) ?>

подскажите пожалуйста, как вывести еще одно поле dropDownList (скрытое), если в списке выбрано значение id=1. желательно написать код. я понимаю, что надо через js. но мне пока тяжело интегрировать JS вместе с YII2

Comments

[Дмитрий]

Добрый вечер.
Вы пытаетесь сделать связанные списки?

[nnkrasovok]

Дмитрий, получается да

Answer 1

[Дмитрий]

Надеюсь Вам поможет.

jQuery/js можно подключить в yii2 через registerJs(), registerJsFile()

$this->registerJs("
  $(function(){
      alert('test')
   })
", View::POS_END);

Comments

[nnkrasovok]

а можете еще показать свойство "isNewRecord"?

[Дмитрий]

nnkrasovok, в документации описано.

[nnkrasovok]

Дмитрий, прошу прощения, но где? не вижу....

[Дмитрий]

isNewRecord

[nnkrasovok]

Дмитрий, не работает. второе поле отображается. и как сделать, чтоб отображалось именно, если id=1?
вот, как у меня это выглядит

<?= $form->field($model, 'id_education_stage')->dropDownList(
                    \yii\helpers\ArrayHelper::map(\app\models\EducationStage::find()->all(), 'id', 'name'),
                    ['prompt' => 'Выберите уровень образования',
                        'onchange' => '
                        $.post(
                         "'.Url::toRoute('ajax/list-degree').'",
                         {id : $(this).val()},
                         function(data){
                          $("select#degree").html(data).attr("disabled", false)
                         }
                        )
                   ']
                ) ?>

                <?= $form->field($model, 'id_scientific_degree')->dropDownList(
                    \yii\helpers\ArrayHelper::map(\app\models\ScientificDegree::find()->all(), 'id', 'name'),
                    [
                        'id' => 'degree',
                        'disabled' => $model->isNewRecord ? 'disabled' : false,

                    ]
                )?>

public function actionListDegree()
    {
        if(\Yii::$app->request->isAjax)
        {
            $id = (int)\Yii::$app->request->post('id');

            $degrees = ScientificDegree::find()->all();
            $this->option  = '<option value="0">Выберите ученую степень</option>';
            foreach($degrees as $degree){
                $this->option .= '<option value="'.$degree->id.'">'.$degree->name.'</option>';
            }
        }
        return $this->option;
    }

может я что-то упустила, подскажите пожалуйста

[Дмитрий]

nnkrasovok, оно и должно отображаться. Вам надо доработать мой пример. Изначально поле скройте при помощи css. Затем, когда получите какой-то ответ от сервера - меняете свойство css.

[Дмитрий]

nnkrasovok, и почему Вы ориентируетесь на id=1? А если будет id=2 или ещё какому-то значению?

[nnkrasovok]

Дмитрий, я прописала свойство 'style' => 'display:none', поле исчезло, но label висит.
у меня просто в таблице education_stage под id=1 записано значение "высшее образование". то есть, если оно выбрано, то тогда еще должно выводить поле id_scientific_degree, откуда берутся значения бакалавр, кандидат наук и т.д.

[Дмитрий]

nnkrasovok, а остальные значения выпадающего списка к чему-то привязаны? Если Вы выберите из списка значение с id=2?

[Дмитрий]

я прописала свойство 'style' => 'display:none', поле исчезло, но label висит.

nnkrasovok, Вы задали только для выпадающего списка, а надо для всего блока, в котором находится и список и label.

[nnkrasovok]

Дмитрий, если id!=1,то поле не отображать.

подскажите пожалуйста, а как тогда менять менять значение блока? я пока не понимаю, как это прописать в коде

[Дмитрий]

nnkrasovok, тогда можно сделать всё проще. Я Вам показал как получать из базы значения связанного списка, а так как Вам надо - просто используйте jquery.
Но как-то странно у Вас всё, не могу до конца понять зачем так делать? Вы жёстко привязываете работу скрипта к определённому значению.

[nnkrasovok]

Дмитрий, можете написать, как через jQuery? я пока новичок, поэтому плохо понимаю интеграцию yii2 с js и jQuery.

опять же. дело в том, что в таблице education_stage есть значения высшее образование, среднее и т.д. ученая степень (прописаны в таблице scientific_degree), типа бакалавр, магистр и т.д. есть только у высшего образования. соответственно, необходимо выводить это поле, если указано "высшее образование".

я подумала, что это можно реализовать таким образом

[Дмитрий]

типа бакалавр, магистр и т.д. есть только у высшего образования

nnkrasovok, а какие ещё степени есть у "высшего образования"?

[nnkrasovok]

Дмитрий, бакалавр, магистр, кандидат наук, доктор наук. а какая разница?

[Дмитрий]

nnkrasovok, кроме "высшего образования", что ещё есть?

[nnkrasovok]

Дмитрий, неоконченное высшее, среднее специальное, среднее

[Дмитрий]

nnkrasovok, для них, во втором выпадающем списке, что-то предназначено?

[nnkrasovok]

Дмитрий, нет

[Дмитрий]

nnkrasovok, тогда просто через jquery показывайте или скрывайте список.
Подключить jquery/js в yii2 можно через registerJs(), registerJsFile()

$this->registerJs("
  $(function(){
      alert('test')
   })
", View::POS_END);

[nnkrasovok]

Дмитрий, прошу прощения, но не понимаю, как этот код связать с моим...
конкретно чтоб список скрывало или выводило. я уже говорила, что новичок

[Дмитрий]

nnkrasovok, вот как-то так:

<?= $form->field($model, 'role')->dropDownList(ArrayHelper::map(Yii::$app->authManager->getRoles(),
                                                                    'name', 'description'
                                                                   ),
                                                            [
                                                                'id' => 'roles'
                                                            ]
                                                  )
    ?>

    <?= $form->field($model, 'status', ['options' =>['style' => 'display:none']])->dropDownList(UsersAdmin::getStatusesArray(), ['prompt' => 'Select']) ?>

<?php

$this->registerJs("
   $('#roles').on('change', function(){
     if($(this).val() == 1){
       $(this).parent('.form-group').next().show()
     }
     else{
       $(this).parent('.form-group').next().hide()
     }
   })
", View::POS_END);

?>

[nnkrasovok]

Дмитрий, не работает...

[nnkrasovok]

Дмитрий, вроде все так

<?= $form->field($model, 'id_education_stage')->dropDownList(
                    \yii\helpers\ArrayHelper::map(\app\models\EducationStage::find()->all(), 'id', 'name'),
                    ['prompt' => 'Выберите уровень образования',
                        'id' => 'stage']
                ) ?>

                <?= $form->field($model, 'id_scientific_degree', ['options' =>['style' => 'display:none']])->dropDownList(
                    \yii\helpers\ArrayHelper::map(\app\models\ScientificDegree::find()->all(), 'id', 'name'),
                    [
                        'prompt' => 'Выберите',
                    ]

                )?>
                <?php
                    $this->registerJs("
                    $('#stage').on('change', function(){
                    if($(this).val() == 1){
                    $(this).parent('.form-group').next().show()
                    }
                    else{
                    $(this).parent('.form-group').next().hide()
                    }
                    })
                    ", View::POS_END);
                ?>

[Дмитрий]

nnkrasovok, работает, я проверял.

[Дмитрий]

nnkrasovok, смотрите в консоли браузера ошибки, проверяйте классы и id элементов.