二級聯動

 
  省 <select ng-model="provice"  id="ppp" οnchange="getcity()" >
  <output value="">---請選擇城市---</output>
  <option>北京</option>
  <option>上海</option>
  <option>山西</option>
  </select>
 
 
  城市<select id="citys" ng-model="city">
  <option value="">請選擇城市</option>
  </select>
 
  <br />
   <input type="button" value="保存" ng-click="bc()" />
 
</form>
   

</body>
<script>


var city=[];
var citysss=[{pro:"北京",citys:["海淀","朝陽"]},
          {pro:"上海",citys:["浦西","浦東"]},
          {pro:"山西",citys:["太元","臨汾"]}
        ]
function getcity(){
var p =$("#ppp").val();
$("#citys option").remove();
for (var i=0;i<citysss.length;i++) {
if(p==citysss[i].pro){
city=citysss[i].citys;
 
 
 
}
 
}


  for (var i=0;i<city.length;i++) {
  var op="<option>"+city[i]+"</option>"
  $("#citys").append(op);
  }




}

</script>

發佈了36 篇原創文章 · 獲贊 4 · 訪問量 5583
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章