javascript - select 框預設值
某草草
某草草 2017-06-12 09:30:32
0
3
845

這是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}}"後則會正常顯示。
求大神指點

某草草
某草草

全部回覆(3)
仅有的幸福

想要達到的頁面效果就是預設選取“請選擇裝置狀態”,其餘各項的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部分

小葫芦

angularJS推薦使用ng-options來建立下拉式選單

<select ng-model="aa" ng-options="y for (x, y) in ProcedureList"></select>

$scope.ProcedureList = ["请选择设备状态", "注册", "使用中", "故障", "报废"];

//我一般使用下面这样初始化不用ng-init,这样我觉得好改一点,想初始化几就写数组的索引
$scope.aa = $scope.ProcedureList[0];
typecho

option裡面的value的值是數字,而初始化的話value='請選擇設備狀態',沒有對應的顯示值與這個value..

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板