分享web开发知识

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

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

angularjs 绑定多个属性到下拉框

发布时间:2023-09-06 01:20责任编辑:林大明关键词:js

绑定下拉框 angularjs  代码:

 ?//活动下拉切换 ???$scope.activityChange = function () { ???????????????????????????var cards = new Array(); ???????????????????var url = "/CustomCard/GetCustomCardListByAct"; ???????????????????$.ajax({ ???????????????????????url: url, ???????????????????????type: ‘Get‘, ???????????????????????async: false, ???????????????????????data: { actName: $scope.formData.SelectActivityType }, ???????????????????????success: function (data) { ???????????????????????????if (data != null) { ???????????????????????????????$.each(data, function (i, n) { ???????????????????????????????????//, cu.IsBindDealerId,cu.IsBindVIN, cu.WriteOffNumber ???????????????????????????????????var cardinfo = { activity: n.ActivityType, cardid: n.CardType, cardtitle: n.CardTypeName, code: n.code, IsBindDealerId: n.IsBindDealerId, IsBindVIN: n.IsBindVIN, WriteOffNumber: n.WriteOffNumber } ?????????????????????????????????????????????????????????????????cards.push(cardinfo); ???????????????????????????????}); ???????????????????????????????$scope.cardTypes = cards; ???????????????????????????} ???????????????????????}, ???????????????????????error: function (err) { ???????????????????????????alert("error..."); ???????????????????????} ???????????????????}); ???????????????????????}

普通绑定下拉框 html 代码写法:

<div class="form-group"> ???????????????????????<label class="col-md-2 control-label">卡劵类型:</label> ???????????????????????<select ng-change="activityChangetype()" id="ii" class="col-md-2 form-control" ng-model="formData.SelectCardType" ng-options="m.cardid as m.cardtitle ?for m in cardTypes" > ???????????????????????????<option value="">请选择</option> ?????????????????????????????????????????</select> ?????????????????????????????????????????</div>

普通取值下拉框值写法:

//卡券类型下拉切换 ???$scope.activityChangetype = function () { ???????????????????console.log("选择了卡券类型"); ???????????//取到下拉框的Value ???????????console.log($scope.formData.SelectCardType); ??????????????????????}

绑定多个属性到下拉框 html 代码写法:

 ?????????<div class="form-group"> ???????????????????????<label class="col-md-2 control-label">卡劵类型:</label> ???????????????????????<select ng-change="activityChangetype()" id="ii" class="col-md-2 form-control" ng-model="formData.SelectCardType" ?ng-options="y.cardtitle for (x, y) in cardTypes"> ???????????????????????????<option value="">请选择</option> ??????????????????????????????????????????????</select> ?????????????????????????????????????????</div>

多个属性取值:

 ????????????????????//卡券类型下拉切换 ???$scope.activityChangetype = function () { ???????????????????console.log("选择了卡券类型"); ???????????????????????console.log($scope.formData.SelectCardType.cardid); ???????????console.log($scope.formData.SelectCardType.IsBindDealerId); ???????????console.log($scope.formData.SelectCardType.IsBindVIN); ???????????console.log($scope.formData.SelectCardType.WriteOffNumber); ???????????if ($scope.formData.SelectCardType.WriteOffNumber>1) ???????????{ ???????????????console.log("选择的卡券可核销次数大于1"); ?????????????// ?$scope.formData.MovingCode. ???????????} ???????????}

angularjs 绑定多个属性到下拉框

原文地址:http://www.cnblogs.com/yangjinwang/p/7745068.html

知识推荐

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