《分割拼接地址》

分割拼接地址

开发工具与关键技术：.VS，.net

作者：郑凯丰

撰写时间：2019年3月26日

功能：

选择省份、市级和区后自动回填最右边的文本框。

代码：

//分割，拼接地址，这里获取（第一个）省级文本框的地址
$("#sheng").change(function () {
      var sheng = $("#sheng").val().split("-");
      //console.log(sheng);
      appendOption1("shi", "shi?Province=" + sheng[0]);
      });
      //sheng[0],获取分割后的第一条数据（也就是ID），需要通过ID来判断下拉框的改变

  //获取（第二）市级文本框的地址
   $("#shi").change(function () {
       var shi = $("#shi").val().split("-");
       appendOption1("qu", "qu?RegionPostalCode=" + shi[0]);
//shi[0],获取分割后的第一条数据（也就是ID），需要通过ID来判断下拉框的改变
 });

//获取（第三 ）区级文本框的地址
   $("#qu").change(function () {//下拉框拼接
       var sheng = $("#sheng").val().split("-");//split("")分割字符
       var shi = $("#shi").val().split("-");
       var qu = $("#qu").val().split("-");
       var xiangxi = sheng[1] + shi[1] + qu[1];
//[1]选中分割后的第二条数据然后拼接，从零开始的
        $("#xiangxi").val(xiangxi);
        if (qu == 0)
         {
              $("#xiangxi").val("");
          }
      })

总结：

这个分割功能是之前做项目要用到然后做出来的，有很多东西都是项目需要才做了出来平时都不怎么想这些东西，所以多多挑战一些对自己有难度的问题或者功能什么的，这都是一种提升，这个分割获取地址很简单，首先分割出来然后再逐步的去获取就可以拿到你需要的那条数据了，剩下的就只是回填而已，很简单，思路通了代码敲起来就很简单了。