onchange js無法在yii2 php select中工作

Question

當我選擇一個選項時，代碼js無法起作用，無法選擇我的Select Option輸入類型編號：

<div class="gjf2">  
<div class="select" >
<?=$form->field($model, 'cat')->dropDownList($categoryFilters['cat']['options'],['class' => 'js-example-basic-single select-hidden'],['onchange'=>'myFunction()'],['id'=>'mySelect'],['options'=>['0' => ['disabled' => true],$select => ['selected' => true]]])->label(""); ?>
</div>
<p id="demo"></p>
</div>

我的js代碼：

function myFunction() { var x = document.getElementById("mySelect").value; document.getElementById("demo").innerHTML = '<input type="number"/>'; }

Answer 1

將onchange放在第二個數組（它是一個選項數組）中，這意味着您需要這樣做

<?=$form->field($model, 'cat')->dropDownList($categoryFilters['cat']['options'],['class' => 'js-example-basic-single select-hidden' ,'onchange'=>'myFunction()'])->label(""); ?>

請參考： https : //www.yiiframework.com/wiki/723/creating-a-dependent-dropdown-from-scratch-in-yii2

Answer 2

DropDownList應該是：

<?= $form->field($model, 'cat')->dropDownList(
     $categoryFilters['cat']['options'],
     [
         'class' => 'js-example-basic-single select-hidden',
         'onchange' => 'myFunction()',
         'id' => 'mySelect',
         'options' => ['0' => ['disabled' => true, 'selected' => true]],
 ])->label(false) ?>