javasc中的省市二级联动案例

最新推荐文章于 2021-05-13 10:57:55 发布

原创最新推荐文章于 2021-05-13 10:57:55 发布 · 347 阅读

0 ·

CC 4.0 BY-SA版权

html/xml 专栏收录该内容

8 篇文章

订阅专栏

本博客介绍了一个用于省市联动选择的HTML脚本，包括选择器的创建、城市数据的存储和展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
 <head>
   <title>省市联动</title>
   <script>
    var city=new Array(2);
    city[0]="广州,深圳,珠海,东莞";
    city[1]="南宁,桂林,柳州,玉林";
    function show()
    {
      var prc=document.getElementById("prc").value; 
      var cs=document.getElementById("cs");
      var index=prc;
      cs.length=0;
      if(index==-1)
      {
          cs[0]=new Option("请选择","-1");
      }
      else
      {
        var cy=city[index].split(",");
        for(var i=0;i<cy.length;i++)
        {
          cs[i]=new Option(cy[i],cy[i]);
        }  
      }
    }
   </script>
 </head>
 <body>
   <form>
    籍贯:<select id="prc" onchange="show()">
      <option value="-1">请选择</option>
      <option value="0">广东</option>
      <option value="1">广西</option>
    </select>省
    <select id="cs">
      <option value="-1">请选择</option>
    </select>市
   </form>
 </body>
</html>