zoukankan      html  css  js  c++  java
  • angularjs 绑定多个属性到下拉框

    绑定下拉框 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.
                }
            
        }
  • 相关阅读:
    hdu 1455 N个短木棒 拼成长度相等的几根长木棒 (DFS)
    hdu 1181 以b开头m结尾的咒语 (DFS)
    hdu 1258 从n个数中找和为t的组合 (DFS)
    hdu 4707 仓鼠 记录深度 (BFS)
    LightOJ 1140 How Many Zeroes? (数位DP)
    HDU 3709 Balanced Number (数位DP)
    HDU 3652 B-number (数位DP)
    HDU 5900 QSC and Master (区间DP)
    HDU 5901 Count primes (模板题)
    CodeForces 712C Memory and De-Evolution (贪心+暴力)
  • 原文地址:https://www.cnblogs.com/yangjinwang/p/7745068.html
Copyright © 2011-2022 走看看