Yii2 - Show form fields based on dropDownList

Question

I have the following dropDownList

<?= $form->field($model, 'moradaalternativa')
    ->dropDownList(
        [
        'Não' => 'Não',
        'Sim' => 'Sim'],
        ['prompt'=>'Faça a sua escolha'],
    );
?>

What i'm trying to do is: If the value is = Sim, then some other form fields that are hidden by a css class show up below the dropDownList, and if the value is = Não, then the form fields hide from the page again.

I know that there is a 'onchange' property like javascript but i don't know how to apply it to this effect or even if i need to use it.

Any ideas?

Answer 1

It's pretty simple, all you need is:

$(document).ready(function () {
    $(document.body).on('change', '#your-id', function () {
        var val = $('#your-id').val();
        if(val > 0 ) {
          $('.class').hide();
        } else {
          $('.class').show();
        }
    });
});

And just change the names as needed. For Yii2 you can wrap it, then you can just put the code in a view file but it's better to put it in a JS file:

<?php
$script = <<< JS

code here

JS;
$this->registerJs($script);
?>