不能在angularjs中获取下拉列表的值

Question

我有一个下拉选择菜单，我想将选定的值存储在controller.i.e中如果选择office1，那么Office！在范围内选择等等。 我无法将值存储在控制器中，因为我是新来angularjs.Can有人帮助 我的继承人下拉代码

<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> 

这里是plunker链接 http://plnkr.co/edit/nNsM4VMVeHXS2hDIsAAd?p=preview

Answer 1

因为你要绑定选择下拉与ng-model然后你可以简单地访问你的控制器中的这些值。

这会给你第一个下拉列表中选择值

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

这是第二

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

DEMO选择值和检查。

---

更新

我已经更新了这个以下行，在那里你已硬编码到value="state"我把它改成value="{{state}}"：

<option ng-repeat="state in result[selectedArea]" value="{{state}}">{{state}}</option> 

查看更新后DEMO

Answer 2

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

$scope.selectedArea和$scope.selectedState取决于在视图中选择的值。但是，您设置的值属性将覆盖它。

我已经更新您的plunkr这里： http://plnkr.co/edit/F2KqqtWKvPndv7y6un1F?p=preview

我也证明了你的下拉列表中，将删除恼人的“空白”选项设置的初始值。

Answer 3

你可以从这个链接得到答案http://forum.ionicframework.com/t/get-selected-value-from-a-select/20241