How to use ng-change in select dropdown with population functionality - php

Question

I'm newbie to angular js, I'm building an ionic app in which, I'm trying to populate the select option depends upon first select option, but the variable which is selecting in first select option is not able to process for getting second select option
here is my service.js
cityFunction: function(bookUser) {
var link = 'http://localhost/endpoints/citydetails.php';
return $http.post(link);
},
selectedsitesFunction: function(bookUser) {
var data = { selectedCity1: bookUser.selectedCity1};
var link = 'http://localhost/endpoints/selectedSites.php';
return $http.post(link, data);
}
controller.js
$scope.bookUser.city = city;
$scope.bookUser.selectedCity = "";
$scope.bookUser.selectedCity1 = "";
$scope.bookUser.site1 =[];
$scope.bookUser.selectedSite1 = "";
$scope.getOptions2 = function(bookUser){
$scope.bookUser.selectedCity1 = $scope.bookUser.selectedCity.Id;
AllServices.selectedsitesFunction(bookUser)
.then(function(response) {
console.log(response);
})
.catch(function(error) {
console.log(error);
});
};
here is html page
<label class="item item-input item-select item-stacked-label">
<span class="input-label">City</span>
<select name="city" ng-model="bookUser.selectedCity" ng-options="item.City for item in bookUser.city" ng-change="getOptions2(bookUser)">
<option value="">-- select city --</option>
</select>
</label>
<label class="item item-input item-select item-stacked-label">
<span class="input-label">sites</span>
<select name="site1" ng-model="bookUser.selectedSite1" ng-options="option for option in bookUser.site1">
<option value="">--select site--</option>
</select>
</label>
and this is .php code
<?php
include 'connection.php';
$data = json_decode(file_get_contents("php://input"));
$selectedCity1 = $data->$selectedCity1;
$selectedSites = $db->query("SELECT Sites, Id from sitemaster where City = :selectedCity1 ");
$selectedsites = $selectedSites->fetchAll(PDO::FETCH_ASSOC);
echo json_encode($selectedsites);
?>
whenever I'm trying to access this selectedCity1 variable, the console shows the error
Notice: Undefined variable: selectedCity1 in C:\xampp\htdocs\endpoints\selectedSites.php on line 4
Fatal error: Cannot access empty property in C:\xampp\htdocs\endpoints\selectedSites.php on line 4

Answer 1

<?php
include 'connection.php';
$data = json_decode(file_get_contents("php://input"));
$selectedCity1 = $_POST['selectedCity1'];
$query = mysql_query("select Sites, Id from sitemaster where City = "+$selectedCity1+"");
while ($fetch = mysql_fetch_array($query)) {
$output[] = array("site" => $fetch[0],"id" => $fetch[1];
}
echo json_encode($output);
?>
Hope this helps you :) Thanks

Answer 2

<?php
include("connection.php");
$data = json_decode(file_get_contents("php://input"));
$selectedCity1 = $data->selectedCity1;
$selectedSites = $db->query("SELECT Id, Sites FROM sitemaster WHERE City ='$selectedCity1' ");
$selectedSites = $selectedSites->fetchAll(PDO::FETCH_ASSOC);
echo json_encode($selectedSites);
?>