html中省市下拉代码

HTML中实现省市下拉选择框的方法有多种，下面介绍其中一种常用的代码：

   select id="province">
          option value="0">
    请选择省份/option>
          option value="1">
    北京市/option>
          option value="2">
    上海市/option>
          option value="3">
    广东省/option>
          option value="4">
    江苏省/option>
       /select>
       select id="city">
          option value="0">
    请选择城市/option>
       /select>
       script>
      $("#province").change(function(){
             var value = $(this).val();
     //获取省份下拉框选择值         $("#city").html("option value='0'>
    请选择城市/option>
    ");
 //清空城市下拉框         if(value == "1"){
                $("#city").append("option value='1'>
    北京市/option>
    ");
         }
else if(value == "2"){
                $("#city").append("option value='2'>
    上海市/option>
    ");
         }
else if(value == "3"){
                $("#city").append("option value='3'>
    广州市/option>
    ");
                $("#city").append("option value='4'>
    深圳市/option>
    ");
         }
else if(value == "4"){
                $("#city").append("option value='5'>
    南京市/option>
    ");
                $("#city").append("option value='6'>
    苏州市/option>
    ");
         }
      }
    );
       /script>
    

以上代码中，第一个标签是用来选择省份的，选中后触发change事件，获取选择值。第二个标签是用来选择城市的，将会被动态填充。

在JavaScript中，使用jQuery来操作DOM，根据省份不同填充城市下拉框，最后显示在页面上。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！