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.
                }
            
        }
  • 相关阅读:
    monkey之monkey日志分析
    ros 阅读记录 1
    Occupancy Grid Maps 资料记录
    双目稠密点云的资料记录
    ros 在callback中publish (不用类的方法)
    ros中同时订阅两个topic(2张图像)合并成一个topic(1张图像)
    编译 链接和加载 (转)
    制作自己的livecd
    源码安装ROS Melodic Python3 指南 (转) + 安装记录
    Depth from Videos in the Wild 解读
  • 原文地址:https://www.cnblogs.com/yangjinwang/p/7745068.html
Copyright © 2011-2022 走看看