2016-05-10 8 views
0

ページロード時にajaxコールから選択したオプションを設定する方法 ajaxコールでゾーンを取得する ページのロード時にゾーンの変更機能をトリガーし、都市選択ボックスの選択したオプションを設定したい スニペットコード:ページのload jsでajax呼び出しから選択したオプションを設定する方法は?

<select class="form-control" name="zone_id" ng-model="zone_id" name="zone_id" ng-change="getSearchCities(zone_id)"> 
    <option>Choose zone</option> 
    <option value="20" selected>Zone 1</option> 
    ..... 
    </select> 

    <select class="form-control" name="city_id"> 
    <option>choose city</option> 
    <option value="{{ city.city_id }}" ng-repeat="city in cities"> 
    {{ city.name }} 
    </option 
    </select> 


    <script> 
    var SApp = angular.module('searchApp', []); 
    SApp.controller('searchCtrl', function($scope, $http) { 
     $scope.getSearchCities = function(zone_id) { 
     // alert(zone_id); 
     $http.get("zones.php?zone_id="+zone_id).then(function(response) { 
      $scope.cities = response.data.city; 
     }); 
     } 
    }); 
    </script> 

答えて

1

私はようやく答えを見つけて、それが単純である:代わりに 1用途のNG-オプションオプションタグをngが、繰り返される 2-呼び出す関数getSearchCities $ scope.getSearchCities($スコープを。 zone_id);

関連する問題