绑定下拉框 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. } }