天津网站优化软件,做网站的北京,免费网站推广入口,嵌入式软件开发工具的发展趋势简单描述#xff1a;拼接html 拼接字符串#xff0c;说实话#xff0c;拼接这种东西我自己弄#xff0c;得花费很多时间#xff0c;主要是转义字符#xff0c;单引号#xff0c;双引号这种小细节调整起来比较麻烦#xff0c;一旦疏忽多了少了一个符号#xff0c;页面就…简单描述拼接html 拼接字符串说实话拼接这种东西我自己弄得花费很多时间主要是转义字符单引号双引号这种小细节调整起来比较麻烦一旦疏忽多了少了一个符号页面就有点抽象了我呢比较粗枝大叶(Д´)!! 点击按钮把地区三级联动里的值拼接到页面的div中。废话不多讲上代码 代码 //html代码div classcol-md-2 select idprovince placeholder请选择省 option th:eachlevel : ${serviceProvinceMap} th:value${level.provinceCode} th:text${level.provinceName} xmlns:thhttp://www.w3.org/1999/xhtml/option /select/divdiv classcol-md-2 select idcity placeholder请选择市 /select/divdiv classcol-md-2 select idcountry placeholder请选择县 /select/divdiv classcol-md-1 button typebutton classbtn blue idaddRegion i classfa fa-check/i添加该地区 /button/divdiv idchooseAreaspi/divinput typehidden idprovinceHid nameprovince value/input typehidden idcityHid namecity value/input typehidden idcountyHid namecounty value///js代码 script typetext/javascript th:inlinejavascript xmlns:thhttp://www.w3.org/1999/xhtml var province ;//初始是随后会变成浙江省,江苏省,北京市, var city; //初始时随后都会变成以逗号分隔的字符串并且末尾带逗号 var county;//同上 /*![CDATA[*/ $(#addRegion).click(click,function () { // 获取到省下拉框的值 也就是得到省编码 var provinceCheck $(#province).val(); if (provinceCheck ||provinceCheck null) { layer.msg(请填写地区信息); return false;//跳出方法 } //indexOf括号中的是 获取到省下拉框中获取到的文本 比如说浙江省 //indexOf作用是从province字符串变量中索引是否有 浙江省 这个字符 //if的意思是 省不包含某省的字符并且市不包含某市的字符并且区不包含区的字符 注意! if(province.indexOf($(#province).find(option:selected).text())!-1 city.indexOf($(#city).find(option:selected).text())!-1 county.indexOf($(#country).find(option:selected).text())!-1 ){ layer.msg(该地区已经存在); return false; } //html拼接 给id是chooseAreaspi的div拼接html // \n是可以不写的粘贴html的时候回车换行后自带的可以删掉亲测可行 var htmlbr classbr/br classbr/div classcol-md-1 quyu\n label classcontrol-label flex \n 使用地区span classstar align-items*/span\n /label\n /divdiv classcol-md-5 quyu$(#province).find(option:selected).text()--$(#city).find(option:selected).text()--$(#country).find(option:selected).text()/div; $(#chooseAreaspi).append(html); //province city county 变量拼接字符串用逗号分隔并且字符串末尾带逗号 浙江省,江苏省, province$(#province).find(option:selected).text(),; city$(#city).find(option:selected).text(),; county$(#country).find(option:selected).text(),; //substring作用就是把province city county的末尾的逗号去掉 浙江省,江苏省 var subprovincehid province.substring(0,province.length-1); var subcityHid city.substring(0,city.length-1); var subcountyHid county.substring(0,county.length-1); $(#provinceHid).val(subprovinceHid); $(#cityHid).val(subcityHid); $(#countyHid).val(subcountyHid); }); /*]]*//script转载于:https://www.cnblogs.com/xuchao0506/p/9776791.html
