javascript - select 框默认值
本文介绍了javascript - select 框默认值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
这是select的html部分
<select class="form-control w-searchbar-select" ng-model="aa" ng-init="aa='请选择设备状态'" >
<option ng-repeat="data in ProcedureList" value="{{$index}}">{{data}}</option>
</select>
下面是定义的equipmentProcedureList部分
$scope.equipmentProcedureList = ["请选择设备状态", "注册", "使用中", "故障", "报废"];
目前的这种写法页面出现的效果是:
select框中没有选中任何项,为空白状态。
但是,如果去掉option 里的value="{{$index}}"后则会正常显示。
求大神指点
解决方案
想要达到的页面效果就是默认选中请选择设备状态,其余各项的value值为$index,最终采用的是ng-repeat实现了上述功能。$scope.equipmentProcedureList = ["请选择设备状态", "注册", "使用中", "故障", "报废"];
上面是selcect的下拉选项,预先定义好的。
$scope.aa="请选择设备状态";
这里指定默认选中的项
<select class="form-control w-searchbar-select" ng-model="aa" >
<option value="请选择设备状态"></option>
<option ng-repeat="data in equipmentProcedureList" value="{{$index}}">{{data}}</option>
</select
这是HTML部分
这篇关于javascript - select 框默认值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文