html中如何实现省市

html中如何实现省市,第1张

是省市联动选择?写个简单的案例给你看看,使用请载入jquery文件,效果如图:

html如下:

<select id="province">

  <option>请选择省份</option>

  <option>北京</option>

  <option>上海</option>

  <option>江苏</option>

</select>

<select class="city">

  <option>请选择城市</option>

</select>

<select class="city">

  <option>东城</option>

  <option>西城</option>

  <option>崇文</option>

  <option>宣武</option>

  <option>朝阳</option>

</select>

<select class="city">

  <option>黄浦</option>

  <option>卢湾</option>

  <option>徐汇</option>

  <option>长宁</option>

  <option>静安</option>

</select>

<select class="city">

  <option>南京</option>

  <option>镇江</option>

  <option>苏州</option>

  <option>南通</option>

  <option>扬州</option>

</select>

jquery如下:

var currentShowCity=0

$(document).ready(function(){

  $("#province").change(function(){

    $("#province option").each(function(i,o){

      if($(this).attr("selected"))

      {

        $(".city").hide()

        $(".city").eq(i).show()

        currentShowCity=i

      }

    })

  })

  $("#province").change()

})

function getSelectValue(){

  alert("1级="+$("#province").val())

  $(".city").each(function(i,o){

    if(i == currentShowCity){

      alert("2级="+$(".city").eq(i).val())

    }

  })

}

可以选择在手机上安装一个IP修改工具。(。。兔子。动态。Ip。)

我这提供大量IP选择,支持覆盖全国各个城市的IP点。

下载--安装--选择你需要的IP点--连接

这样既可完成修改IP步骤。

选择好的最重要。

jQuery(function(){// 省级 $('#province').combobox({valueField:'itemvalue', //值字段textField:'itemtext', //显示的字段url:'/user/sort/province_list',panelHeight:'auto',required:true,editable:false,//不可编辑,只能选择value:'${user.province}' }) //县市区 $('#city').combobox({valueField:'itemvalue', //值字段textField:'itemtext', //显示的字段url:'/user/sort/city_list?province=${user.province}',panelHeight:'auto',required:true,editable:false,//不可编辑,只能选择value:'${user.city}' }) })// 表单Table 地区 省级 <input type="text" id="province" name="province" class="easyui-validatebox" validtype="selectValid['--请选择--']" disabled="disabled"> 地区 县市区 <input type="text" id="city" name="city" class="easyui-validatebox" validtype="selectValid['--请选择--']" disabled="disabled">找了个页面复制的,easyui 框架下面实现,还需要数据库的配合


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7947603.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-11
下一篇 2023-04-11

发表评论

登录后才能评论

评论列表(0条)

保存