Javascript 无法在angularJs中设置下拉列表的选定值
我有一个下拉列表。我使用Javascript 无法在angularJs中设置下拉列表的选定值,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我有一个下拉列表。我使用ng repeaton选项绑定它的值。 我只想使用值字段设置所选值 这是我的密码 <div ng-controller="myCtrl"> <select ng-model="selectedItemvalue"> <option value="">--Select --</option> <option ng-repeat="sel in selectables" value=
ng repeat
on选项绑定它的值。
我只想使用值字段设置所选值
这是我的密码
<div ng-controller="myCtrl">
<select ng-model="selectedItemvalue">
<option value="">--Select --</option>
<option ng-repeat="sel in selectables" value="{{sel.value}}">{{sel.label}}</option>
</select>
<p>Selected Value is : {{selectedItemvalue}}</p>
</div>
如您所见,我只想通过设置值来设置所选值。您需要使用
ng model
而不是ng value
将其绑定到模型
<select ng-model="selectedItemvalue">
--挑选--
{{sel.label}
所选值为:{selectedItemvalue}
对于选项
标记,基本上需要使用以下语法(使用ng selected
):
{{sel.label}
如果您尝试
$scope.selectedItemvalue={label:'B',value:2}
然后它就会工作。查看更新的链接。仍然是相同的问题,但首先,演示中没有选择第二个Itme,您希望初始选择第二个项目吗?@AmitKumar看到答案和演示了吗now@AB:是的。它可以是任何项目。就像我设置
$scope.selectedItemvalue=“3”代码>然后将设置值字段为3Hii的所选项目。否我要创建对象以设置选定值。我只想使用值字段设置。然后按
<select ng-model="selectedItemvalue">
<option ng-repeat="sel in selectables" value="{{sel.value}}" ng-selected="sel.value == selectedItemvalue">{{sel.label}}</option>