動態窗體與依賴下拉

Question

嘿開發人員我建立一個應用程序窗體，用戶在不同的領域輸入數據。該應用程序的一部分是來自https://github.com/wbraganca/yii2-dynamicform的動態表單。現在在動態表單中，我有一個依賴下拉菜單，但是當我單擊[+]時，依賴下拉菜單更改第一行上的數據，而不是第二行。

這裏是我的代碼。

在我的控制器

public function actionLists($name) 
    { 
     $countHs= Hs::find() 
         ->where(['hscode'=> $name]) 
         ->count(); 
     $Hs = Hs::find() 
       ->where(['hscode'=> $name]) 
       ->all(); 
     if($countHs > 0) 
     { 
      foreach ($Hs as $H) 
      { 
       echo "<option value='".$H->hsproduct."'> ".$H->hsproduct."</option>"; 


      } 
     }else{ 
       echo "<option> - </option>"; 
      } 


    } 

和我的形式

<div class="col-sm-6" style="width: 135px"> 
    <?= $form->field($modelsItems, "[{$i}]hscode")->dropDownList(
            ArrayHelper::map(Hs::find()->all(),'hscode','hsproduct'),      

             [ 


              'prompt'=>'', 

             'onchange'=> 

             '$.get("'.Url::toRoute('/hs/lists').'", { name: $(this).val() }) 
     .done(function(data) { $("#'.Html::getInputId($modelsItems, "[{$i}]hsproduct").'").html(data); });' 

              ])->label('HS.Code'); 


           ?> 

     </div> 
    <div class="col-sm-6" style="width: 135px"> 
    <?= $form->field($modelsItems, "[{$i}]hsproduct")->dropDownList(
            ArrayHelper::map(Hs::find()->all(),'hsproduct','hsproduct'), 
            [ 
            'prompt'=>'', 
            ])->label('HS.Product'); 
           ?> 
     </div> 

林更新了你的情況下，我的英語

Answer 1

對不起新手。

我所做的是我在JS文件var i中聲明的全局變量，並分配了0。第一個事件被解僱後，我將變量i加1。現在它在內存中包含1個。下一次它將需要1並再次加1。依此類推：

var i = 0; 

$(document).on('change', 'select', function(e) { 
    i++; 
}) 

請注意，只有在每行中選擇一次而您不會回到特定行時才能使用。如果你想做這樣的事情，你應該獲取元素ID的編號，解析爲浮動（而不是字符串）並將該編號用於事件腳本。

parseFloat($('#hs-0-hscode')[0].id.split('-')[1]) 

留下一個額外的解決方案（但不是根據你的）。以防萬一。

---

使用Inspect source，找到你的輸入域的命名方式（姓名或ID）。比方說，我們有name="hs-0-hscode"。這是剛剛然後你的jQuery：

$(document).on('change', 'select', function(e) { 
    if ($(this)[0].id.indexOf('hscode') > 0) { 
     // Now you can use Ajax to get a list of items you want to show. 
     // Element itself can be reached: $(this).parent().parent().parent().children().eq(1); 
     // For example: 
     // var data = $.parseJSON(results); 
     // $.each(data, function(key, value) { 
     // $('#client-company_size') 
     //  .append($("<option></option>") 
     //  .attr("value", key) 
     //  .text(value)); 
     // }); 
    } 
});