angglarを使って二段階連動を実現します。
1010 ワード
<script src="../libs/angular.min.js"/>
<script>
var app = angular.module("myApp",[]);
app.controller("myControl",function($scope,$http){
$scope.provinces = [
{
"pro": " ",
"children": [" ", " "]
},
{
"pro": " ",
"children": [" ", " "]
}
];
// json
/*
$http.get("provinces.json").then(function(res){
$scope.provinces =res.data;
});
*/
});
</script>
:<select ng-options=" p.pro for p in provinces" ng-model="s1">
</select>
:<select ng-options="c for c in s1.children" ng-model="s2">
</select>
</code></pre>
<p> </p>
</div>
</div>
</div>
</div>