angularjs中的下拉框,以及数据的回显,并且还可以实现下拉框的功能

两种实现方式

     一 ,第一种就是使用select来实现下拉框,如下

Java代码   收藏代码
  1. class="input-select" >  
  2.   "areaId" class="js-input-select-title" ng-change="queryCityByQuYu()">  
  3.      "--请选择区域--">--请选择区域--  
  4.      "areaValueViewList in areaValueViewLists" ng-value="areaValueViewList.id">{{areaValueViewList.value}}  
  5.     
   
  • class="input-select">  
  •    "cityIds" class="js-input-select-title">  
  •       "--请选择城市--">--请选择城市--  
  •       "platformCustomerDictionaryValue in platformCustomerDictionaryValues" value="{{platformCustomerDictionaryValue.id}}">{{platformCustomerDictionaryValue.value}}  
  •      
  •   
  •     $scope.areaId="--请选择区域--";   
  •     $scope.cityIds="--请选择城市--";   
  •     //通过区域查询对应的城市--创建时  
  •     $scope.queryCityByQuYu = function()  
  •     {  
  •         if($scope.areaId == undefined || $scope.areaId == "undefined" || $scope.areaId =="--请选择区域--")  
  •         {  
  •             return;  
  •         }  
  •     }  
  •  其中下拉框选中了,将会把值付给ng-model,这样就可以通过ng-change方法来实现,

    伦理片 http://www.dotdy.com/ 

    Java代码   收藏代码
    1. class="input-select">  
    2.      "upAreaId" class="js-input-select-title" ng-change="queryCityByQuYuBj()">  
    3.           "areaValueViewList in areaValueViewLists" value="{{areaValueViewList.id}}" ng-selected="upAreaId=={{areaValueViewList.id}}">{{areaValueViewList.value}}  
    4.       
       
  • class="input-select">  
  •     "upCityId" class="js-input-select-title" >  
  •         "upCityId==upCityIdTwo" ng-value="upCityId" ng-selected="true">{{upCityName}}  
  •         "cityValueViewList in cityListBj" value="{{cityValueViewList.id}}" >{{cityValueViewList.value}}  
  •       
  •   
  •   
  • ==>upCityId==upCityIdTwo是用来显示原本的数据是否消失  
  •  

     


    你可能感兴趣的:(Java)