Yii2动态窗体wbrganca onchange不会wodrking

Question

我使用yii2动态窗体wbraganca创建动态rows.This工作正常。 我有一个类别下拉的形式，其中onchange im根据下拉的值加载a。如果下拉列表中的值是其他值？然后im加载这个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(); 
    } 
}