Javascript 是否可以在内联编辑中创建级联下拉列表？

在下拉列表中更改国家/地区时，不显示相关状态。。alert每次选择不同的国家时都会获取第一个国家id

<span editable-select="user.Country" e-name="Countrychk" e-id="Country" e-form="rowform" e-ng-options="x._id as x.CountryName for x in Countrydata"e-ng-change="changeCountry(user.Country)">{{ Countrydata.CountryName }}

$http.get('/CountryDetails').then(function(response){
    debugger;
    $scope.Countrydata=response.data;
});
$scope.changeCountry=function(CountryID){
    debugger;
    alert(CountryID);
    $http.get('/StateDetails1'+ CountryID).then(function(response){
        $scope.Statedata = response.data;
        console.log($scope.Statedata);
    });
};