jquery - 第二次更改下拉框时出现错误

所以我有两个下拉框，第一个下拉框响应是在加载页面时生成的，第二个下拉框响应是在更改第一个下拉框响应时生成的

 <div class="form-group">
    <select name="country_city" class="inputbox" required ng-model="frm.country_city" ng-change="state_city()">
        <option ng-repeat="country in country_city track by $index" value="{{country.id}}">{{country.name}}</option>
    </select>
</div>

<div class="form-group">
    <select name="state_city" class="inputbox" required ng-model="frm.state_city">
        <option ng-repeat="state in state_city track by $index" value="{{state.id}}">{{state.name}}</option>
    </select>
</div>

$scope.state_city = function() {
    console.log("in state city");
    $scope.frm.country_city;
    $http.get(url, {
        params: {
            action: 'get_state_city',
            country_id: $scope.frm.country_city
        }
    }).success(function(data, status, headers, config, jsonp) {
        $scope.state_city= data;
        console.log($scope.state_city);
    });
};

问题是，当我第二次更改第一个下拉框的响应时，它会给我一个错误。图片是为了帮助你。第三张图片显示了错误



图片显示了选择印度国家和马哈拉施特拉邦作为回应，但当选择美国只是为了改变回应时给出了错误

最佳答案

问题是您的scopefunction名称和scope variable name相同：

$scope.state_city = function() {
    console.log("in state city");
    $scope.frm.country_city;
    $http.get(url, {
        params: {
            action: 'get_state_city',
            country_id: $scope.frm.country_city
        }
    }).success(function(data, status, headers, config, jsonp) {
        $scope.state_city= data; => Issue is here
        console.log($scope.state_city);
    });
};

你正在创建一个函数$scope.state_city()，然后在你的成功函数中，从下一次你的$scope.state_city= data;变成带state_city的variable而不再是response data的function。

关于jquery - 第二次更改下拉框时出现错误，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41675094/