Question

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

    <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

我还演示了在您的下拉列表中设置初始值，这将删除那令人讨厌的空白＆＃34;选项。

Answer 3

您可以从此链接http://forum.ionicframework.com/t/get-selected-value-from-a-select/20241

获得答案

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

3 个答案: