首页 > 代码库 > 12、(扩展)获取省份表,填充于下拉列表框的简易js

12、(扩展)获取省份表,填充于下拉列表框的简易js

在制作省份下拉列表时,我们常常会遇到大量省份不停复制粘贴的问题,比如百度到这样一个填充着省份信息的表格:

技术分享

里面含有很多条数据和内容,这时候要一条一条复制粘贴非常繁冗,所以在同事的启发下我写了一个简易的方法供大家使用。

//定位到所在表格var table = $(".table-view");//定义接收字符串var str="";//遍历表格内容,给字符串赋值table.find("tr").each(function(){//定义临时变量var tdArr ="";var tdarr ="";//找到相应数据内容,这里注意text()只能获取当前元素下的文本内容,而innerHTML可以获取包括标记在内的所有内容tdArr = $(this).find("td").eq(0).text().replace(/[\r\n]/g,"");tdarr = $(this).find("td").eq(1).text().replace(/[\r\n]/g,"");//拼接字符串str+=‘<option value ="http://www.mamicode.com/‘+tdarr +‘">‘+tdArr+‘</option>‘;})

省份名称参考链接:省份名称

输出后效果图如下:

技术分享

 

12、(扩展)获取省份表,填充于下拉列表框的简易js