如何基於anularjs中的第一個下拉選擇框將值分配到第二個下拉列表中

我有動態添加的行功能，並且每行都有兩個下拉列表。第二個下拉值從JSON填充，並且這些值用第一個下拉列表映射。如何基於anularjs中的第一個下拉選擇框將值分配到第二個下拉列表中

我的需求是第一個下拉列表的onchange，我需要爲同一行中的第二個下拉列表分配值。在這裏，我面臨一個問題，即一旦我在第一個下拉列表中更改了值，那麼所有行中的所有下拉列表值都會發生變化。

此外，我在這裏添加了第一行下拉列表的Html代碼。

<div class="firstdropdown"> 
    <select ng-change="getComponents"> 
     <option ng-repeat="kggrpItem in DesignGroupData track by $index" value={{kggrpItem}} ">{{kggrpItem}}</option> 
    </select> 
</div> 
<div class="seconddrodown "> 
    <select> 
      <option ng-repeat="kggrpCmp in KgGroupCmpData" value={{kggrpCmp}}>{{kggrpCmp}}</option>    
    </select> 
</div>

對於實例控制器代碼....

$scope.getComponents = function(){ 
    for(i=0;i<jsonstring.length;i++){ 
     $scope.dropdownvaluesArr = jsonvalues 
    } 
    $scope.KgGroupCmpData = dropdownvaluesArr 
}

請幫我解決這個問題。

來源

2015-11-06 Dharma

我想ü有它包含兩個下拉一行。當第一個drpdwn值chng更新值在同一行的第二個dropdwn中更新我是否正確r我不在路徑中？ – SakthiSureshAnand

你可以創建一個工作plunker？ – MaheshKumar

是的，你是對的sakthi，那是我的要求 – Dharma

而不是使用ng-change，嘗試ne-model它會自動更改第二個下拉值。

<div id="fistDropdown"> 
    <span>fistDropdown</span> 
    <select ng-model="selected"> 
    <option ng-repeat="option in selectlist track by $index" value={{option.key}}>{{option.value}} 
    </option> 
    </select> 
</div> 

<div id="secondDropdown"> 
<span>SecondDropdown</span> 
    <select ng-model="selected"> 
    <option ng-repeat="option in selectlist" value={{option.key}}>{{option.value}} 
    </option> 
    </select> 
</div>

，並通過選擇價值NG-模型像下面

$scope.selected = '3';

我連着提琴手網址也請檢查一下 clone select box

來源

2016-05-27 10:04:02 user3871930

如何基於anularjs中的第一個下拉選擇框將值分配到第二個下拉列表中

回答

相關問題