Yii2動的フォームwbraganca onchange wwrking

Question

yii2動的フォームwbragancaを使用して動的行を作成しています。これは問題なく機能しています。 私はonchangeがドロップダウンの値に基づいてaをロードするフォームにカテゴリドロップダウンを持っています。ドロップダウンの値が他の場合次にこのdivを読み込んでいます。このdivには、ユーザーが他のカテゴリに入ることができるテキストボックスがあります。

新しい行をクリックすると、最初の行でこのonchangeがうまくいきます。新しい行が生成されますが、他のオプションはテキストボックスをロードしていません。

以下は私のフォームコードとJavaスクリプトコードです。変化にロードされている

 <?= $form->field($bill, "[{$index}]category")->dropDownList(['Grocery' =>'Grocery', 'Power' => 'Power', 'Electricity' => 'Electricity', 'Water' => 'Water','others'=>'others'],['prompt'=>'Select...','onchange' => 'return showout(this.value)'])->label(false); ?> 

本部

<div id="mydiv" style="display: none;width: 88px;"> 
    <?= $form->field($bill, "[{$index}]other_category")->textInput(['maxlength' => true]) ?> 
    </div> 

のJavaスクリプトコード

<script type="text/javascript"> 
    function showout(a) 
{ 
    if (a == 'others') { 
     $('#mydiv').show(); 
    } else { 
     $('#mydiv').hide(); 
    } 
} 
</script> 

Answer 1

利用class代わりのid：

<?= $form->field($bill, "[{$index}]category")->dropDownList(['Grocery' =>'Grocery', 'Power' => 'Power', 'Electricity' => 'Electricity', 'Water' => 'Water','others'=>'others'],['prompt'=>'Select...', 'onchange' => 'showout($(this))'])->label(false); ?> 
<div class="mydiv" style="display: none;width: 88px;"> 
    <?= $form->field($bill, "[{$index}]other_category")->textInput(['maxlength' => true]) ?> 
</div> 

JS

function showout(category) 
{ 
    var index = category.attr("id").replace(/[^0-9.]/g, ""); 
    if (category.val() == 'others') { 
     $("#bill-"+index.concat("-other_category")+"").closest('.mydiv').show(); 
    } else { 
     $("#bill-"+index.concat("-other_category")+"").closest('.mydiv').hide(); 
    } 
}