机场城市2级联动

机场城市2级联动

2019独角兽企业重金招聘Python工程师标准>>>

html：

 <div class="control-group">
                    <label class="control-label"> *选择机场</label>
                    <div class="controls">
                        <select  id="_city" style="width: 120px!important;" 
                        class="sminput">
                        </select>
                        <select  id="airports" style="width: 120px!important;" class="sminput">
                        </select>
                        <small> 设置里面设定的机场中选择 </small>
                    </div>
                </div>

[{"id":137,"name":"三亚"},{"id":302,"name":"上海"},{"id":265,"name":"东营"}, {"id":271,"name":"临沂"},{"id":378,"name":"临沧"},{"id":239,"name":"丹东"}, {"id":377,"name":"丽江"},{"id":369,"name":"乌鲁木齐"},{"id":175,"name":"佳木斯"}, {"id":371,"name":"保山"},{"id":81,"name":"兰州"},{"id":330,"name":"凉山"}, {"id":250,"name":"包头"},{"id":48,"name":"北京"},{"id":113,"name":"北海"}, {"id":21,"name":"南京"},{"id":334,"name":"南充"},{"id":111,"name":"南宁"}, {"id":68,"name":"南平"},{"id":228,"name":"南昌"},{"id":22,"name":"南通"}, {"id":158,"name":"南阳"},{"id":73,"name":"厦门"},{"id":38,"name":"合肥"}, {"id":225,"name":"吉安"},{"id":215,"name":"吉林"},{"id":253,"name":"呼和浩特"}, {"id":365,"name":"和田"},{"id":171,"name":"哈尔滨"},{"id":366,"name":"喀什"}, {"id":78,"name":"嘉峪关"},{"id":373,"name":"大理"},{"id":238,"name":"大连"}, {"id":342,"name":"天津"},{"id":286,"name":"太原"},{"id":275,"name":"威海"}, {"id":391,"name":"宁波"},{"id":32,"name":"安庆"},{"id":339,"name":"宜宾"}, {"id":196,"name":"宜昌"},{"id":18,"name":"常州"},{"id":198,"name":"常德"}, {"id":328,"name":"广元"},{"id":92,"name":"广州"},{"id":300,"name":"延安"}, {"id":220,"name":"延边"},{"id":209,"name":"张家界"},{"id":27,"name":"徐州"}, {"id":374,"name":"德宏"},{"id":184,"name":"恩施"},{"id":324,"name":"成都"}, {"id":336,"name":"攀枝花"},{"id":25,"name":"无锡"},{"id":376,"name":"昆明"}, {"id":384,"name":"昭通"},{"id":379,"name":"普洱"},{"id":226,"name":"景德镇"}, {"id":237,"name":"朝阳"},{"id":386,"name":"杭州"},{"id":121,"name":"柳州"}, {"id":117,"name":"桂林"},{"id":98,"name":"梅州"},{"id":123,"name":"梧州"}, {"id":301,"name":"榆林"},{"id":191,"name":"武汉"},{"id":207,"name":"永州"}, {"id":294,"name":"汉中"},{"id":100,"name":"汕头"},{"id":246,"name":"沈阳"}, {"id":71,"name":"泉州"},{"id":331,"name":"泸州"},{"id":156,"name":"洛阳"}, {"id":267,"name":"济南"},{"id":136,"name":"海口"},{"id":103,"name":"深圳"}, {"id":395,"name":"温州"},{"id":106,"name":"湛江"},{"id":276,"name":"潍坊"}, {"id":277,"name":"烟台"},{"id":176,"name":"牡丹江"},{"id":109,"name":"珠海"}, {"id":28,"name":"盐城"},{"id":147,"name":"石家庄"},{"id":66,"name":"福州"}, {"id":146,"name":"秦皇岛"},{"id":333,"name":"绵阳"},{"id":396,"name":"舟山"}, {"id":392,"name":"衢州"},{"id":194,"name":"襄阳"},{"id":382,"name":"西双版纳"}, {"id":261,"name":"西宁"},{"id":298,"name":"西安"},{"id":128,"name":"贵阳"}, {"id":224,"name":"赣州"},{"id":251,"name":"赤峰"},{"id":20,"name":"连云港"}, {"id":166,"name":"郑州"},{"id":80,"name":"酒泉"},{"id":397,"name":"重庆"}, {"id":389,"name":"金华"},{"id":133,"name":"铜仁"},{"id":258,"name":"银川"}, {"id":243,"name":"锦州"},{"id":221,"name":"长春"},{"id":210,"name":"长沙"}, {"id":290,"name":"长治"},{"id":36,"name":"阜阳"},{"id":363,"name":"阿克苏"}, {"id":272,"name":"青岛"},{"id":41,"name":"黄山"},{"id":173,"name":"黑河"}, {"id":132,"name":"黔西南"},{"id":178,"name":"齐齐哈尔"},{"id":67,"name":"龙岩"}]

getairports.jsp?reid=92

[{"id":11,"name":"广州白云国际机场"}]

js：

获取城市数据：

$(function() {
var i = 0;
$("body").find("input[type='text']").each(function() {
i++;
if (i >1) {
enforceNum($(this)); 
}
}); 
function enforceNum(_node) {
_node.live("keyup blur", function() {
$(_node).val($(_node).val().replace(/[^0-9-]+/, '')); 
});
}
  $("#setmoreb").toggle(function() { 
  $("#setmore").slideDown();  
  }, function() {
$("#setmore").slideUp();  //调整高度来滑动隐藏被选元素 
  });
   
$.post("getairports_areas.jsp",function(data){
city=data;
},"json");
$("#_city").click(function(){
getCity($(this),$("#airports"));
});
 
 });   

js2：

var city;
function getCity(_node,_child_node){
$.each(city,function(key,val){
var _cc_node=$("<option class='airports_city' reid='"+val.id+"'>"+val.name+"</option>");
$(_node).append(_cc_node);
_cc_node.click(function(){
$(_child_node).empty();
$.post("getairports.jsp",{reid:$(this).attr("reid")},function(data){
$.each(data,function(key,val){
$(_child_node).append("<option value='"+val.id+"'>"+val.name+"</option>");
});
},"json");
});
});
}

οnkeyup="(this.v=function(){this.value=place(/[^0-9-]+/,'');}).call(this)"οnblur="this.v();"

 $("body").find("input[type='text']").each(function () {
enforceNum($(this));
});  


  function enforceNum(_node){
_node.live("keyup blur",function(){
$(_node).val($(_node).val().replace(/[^0-9-]+/,'')); $(_node).val($(_node).val().replace(/[^0-9-]+/,''));
});
 }
   
    

$("div").find("input[type='text']").each(function () {
                  if ($(this).val() == "") {
                 alert("请检查所填项不能为空");
                  }
                  else {
                  document.forms["form1"].submit();
                  } 
});  

转载于: