分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

angularjs select通过动态加载option有空白项的处理方法-

发布时间:2023-09-06 01:49责任编辑:彭小芳关键词:js
 

angularjs select通过动态加载option有空白项的处理方法 && 对选择select下不同的选项做出不同的处理

在用select通过动态加载option实现下拉框时,在没有设置“请选择”默认显示框时,出现了开白项,且一开始显示的也是空白,没有显示option中的第一项,这里需要显示设置默认选项

 ?<select class="" ng-init="" ng-model="condition.useTime"
?????????ng-options="useTime.value as useTime.name for useTimein useTimeList" ng-change="setMark()"> ?</select>
 var useTimeList= [ {name: "不限制", value: 0}, {name: "设定使用时段", value: 1}, ]; 
var status = require("./status");
$scope.useTimeList= status.useTimeList;
 ???$scope.condition= { ???????useTime:$scope.useTimeList[0].value ???};

setMark()用来判断选中的是哪个option,然后来分别做出相应的操作

function setMark(){ ???????if($scope.condition.useTime==‘0‘){ ???????????$scope.setuseTime=0; ???????}else if($scope.condition.useTime==‘1‘){ ???????????$scope.setuseTime=1; ???????} ???}

参考&感谢:https://blog.csdn.net/yingzizizizizizzz/article/details/72629638

angularjs select通过动态加载option有空白项的处理方法-

原文地址:https://www.cnblogs.com/haimengqingyuan/p/8831997.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved