Javascript 无法获取angularjs中下拉列表的值

我有一个下拉选择菜单，我想将所选值存储在控制器中。即，如果选择了office1，则选择Office！在范围中选择，等等。 我无法将值存储在控制器中，因为我是angularjs的新手。有人能帮我吗 这是我的下拉代码

    <div class="col-xs-12">
<h5>Select the System:</h5>

   <select id="repeatSystem" ng-model="selectedSystem" style="width: 100%">
    <option ng-repeat="(key,value) in systems" value="{{key}}">{{key}}</option>
</select>

 <select id="repeatOffice" ng-model="selectedState" style="width: 100%">
    <option ng-repeat="system in systems[selectedSystem]" value="state">{{system}}</option>
</select>

</div>

选择系统：
{{key}}
{{system}}

这是plunker链接

---

因为您要将select下拉列表与

ng model

绑定，所以您只需在控制器中访问这些值即可

这将为您提供第一个下拉选择值

$scope.selectedSystem //same in view {{selectedSystem}}

这是第二次

$scope.selectedState //same in view {{selectedState}}

选择值并选中

---

更新

我已经更新了下面这一行，您将

value=“state”

硬编码为，我将其更改为

value=“{{state}}”

：

{{state}

---

请参阅更新的

，因为您将选择下拉列表与

ng模型绑定

，因此您只需在控制器中访问这些值即可

这将为您提供第一个下拉选择值

$scope.selectedSystem //same in view {{selectedSystem}}

这是第二次

$scope.selectedState //same in view {{selectedState}}

选择值并选中

---

更新

我已经更新了下面这一行，您将

value=“state”

硬编码为，我将其更改为

value=“{{state}}”

：

{{state}

---

参见更新的

我对如何回答这个问题有点困惑。控制器中下拉列表的值将绑定到变量：

$scope.selectedArea

和

$scope.selectedState

取决于在视图中选择的值。但是，您正在设置的值属性正在覆盖它

我已在此处更新了您的plunkr：

---

我还演示了在下拉列表中设置初始值，这将删除恼人的“空白”选项。

我对如何回答这个问题有点困惑。控制器中下拉列表的值将绑定到变量：

$scope.selectedArea

和

$scope.selectedState

取决于在视图中选择的值。但是，您正在设置的值属性正在覆盖它

我已在此处更新了您的plunkr：

---

我还演示了如何在下拉列表中设置初始值，以删除恼人的“空白”选项。

你可以从这个链接得到答案

你可以从这个链接得到答案

当你想在控制器中得到值时它很重要？？当你想在控制器中得到值时它很重要？？我还想补充一点，他应该将

value=“state”

更改为

value=“{state}}”

或

ng value=“state”

我不明白您想做什么，请详细解释。在第二个选择中，使用

id=“repeatOffice”

，所有选项的值都是“状态”，而不是每个状态的实际值。我不认为那是OP想要的。要获取所选项目的实际值，应将

value=“state”

更改为

value=“{{state}}”

或

ng value=“state”

@Dola获得了这一点更新的答案并添加了信息。我相信这就是OP想要的。我还想补充一点，他应该将

value=“state”

更改为

value=“{{state}}”

或

ng value=“state”

我不明白您想做什么，请进一步解释。在第二次选择中，使用

id=“repeatOffice”

，所有选项都将具有“state”的值而不是每个状态的实际值。我不认为那是OP想要的。要获取所选项目的实际值，应将

value=“state”

更改为

value=“{{state}}”

或

ng value=“state”

@Dola获得了这一点更新的答案并添加了信息。我相信这就是OP想要的。