Как скрыть один div, если выбрано определенное значение в другом?

Question

[etterej]

Есть два дива, если в одном выбирается определенное значение, то хотелось бы, чтобы второй див становился невидимым.

<div>
        <?= $form->field($model, 'draft')->widget(Select2::className(), [
            'id' => 'game-label',
            'data' => GameAbstract::gameLabels(),
            'pluginEvents' => ["function(){if($('#game-label').val() == " . GameAbstract::VARIABLE . "){$('#game-status').hide();
        }}
        "
],
                    'disabled' => true,
                ])->label(false) ?>
    </div>
    <div>
        <?= $form->field($model, 'draft_points')->input('number', [
            'id' => 'game-status',
            'value' => $gameView->game,
            'disabled' => true
        ]);
        ?>
        <div>

Answer 1

[Александр Петров]

Мне кажется тут сриптом надо делать.
Вешаете на один инпут событие keyup и делаете сравнение. Если значение равно определенному, то скрываете элемент. Если надо, могу код написать.

Comments

[etterej]

Если вам не сложно, то это очень бы помогло

[Александр Петров]

Напишу на jquery и из головы, без проверки на проекте. Поэтому протестируйте и исправьте, если что не так)

div-ам лучше дать уникальные классы какие-то только сначала.

$('input').keyup(function(){
   var value=$(this).val();
   if(value=='Нужное значение инпута'){
       $(".div_2").hide();
   }else{
        $(".div_2").show();
    }
});

ну вроде как-то так