简单描述:拼接html 拼接字符串,说实话,拼接这种东西我自己弄,得花费很多时间,主要是转义字符,单引号,双引号这种小细节调整起来比较麻烦,一旦疏忽多了少了一个符号,页面就有点抽象了,我呢比较粗枝大叶(キ`゚Д゚´)!!   点击按钮,把地区三级联动里的值拼接到页面的div中。废话不多讲,上代码

代码:

//html代码

th:value="${level.provinceCode}"

th:text="${level.provinceName}" xmlns:th="http://www.w3.org/1999/xhtml">

添加该地区

//js代码

var province ='';//初始是''随后会变成'浙江省,江苏省,北京市,'

var city=''; //初始时'',随后都会变成以逗号分隔的字符串并且末尾带逗号

var county='';//同上

/*

$("#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 html='

\n' +

'\n' +

'使用地区*\n' +

'\n' +

'

'+$("#province").find("option:selected").text()+'--'+$("#city").find("option:selected").text()+'--'+$("#country").find("option:selected").text()+'

';

$("#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);

});

/*]]>*/

Oracle 将不同列的值拼接成一个 字符串

利用拼接操作符“||”或者 CONCAT('','')函数,将不同列的值 拼接成一个 字符串   -- 方法一:推荐 SELECT S.TEAM ||'**'|| S.NAME ||'**'|| S. ...

OC中如何把字典中的数据拼接成url字符串

在使用objective-c语言开发iOS应用中,会向服务器通过URL请求一些数据,因此对URL的拼接肯定少不了.而在iOS中,我们一般是通过将字典中的数据拼接成我们要请求的URL字符串,那这个是怎么 ...

python拼接变量、字符串的3种方法

第一种,加号(“+”): print 'py'+'thon' # output python str = 'py' print str+'thon' # output python 第二种 ,空格: ...

SQLSqlserver中如何将一列数据,不重复的拼接成一个字符串

把一列数据拼接成一个字符串比较简单: declare @test varchar(500) set @test=''; select @test=@test+name+',' from person ...

python文本 拼接或合并字符串

python文本 拼接.合并字符串 场景: 拼接.合并字符串 在这个场景中,我们首先想到的当然是使用+或者+=将两个字符串连接起来 >>> a='a'    >>> ...

torch.cat拼接 stack拼接 分块chunk

torch.cat拼接 stack拼接 分块chunk 待办 https://blog.csdn.net/qq_39709535/article/details/80803003 stack dim理 ...

es6 字符串模板拼接和传统字符串拼接

字符串拼接是在日常开发中必不可少的一个环节. 注意:字符串可以用单引号'',或者""双引号,出于方便大家理解,文章以下内容统一使用单引号''! 如果只是一个字符串和一个变量拼接,使 ...

测试一下StringBuffer和StringBuilder及字面常量拼接三种字符串的效率

之前一篇里写过字符串常用类的三种方式,只不过这个只是分析并不知道他们之间会有多大的区别,或者所谓的StringBuffer能提升多少拼接效率呢?为此写个简 ...

stringBuffer拼接有规律字符串

1. 拼接结果如下的字符串 1,2,3,4,5,6,7,8,9,10,11,12,12,12,12,34,234,2134,1234,1324,1234,123 2. 以前是这样想的,但是从效率,速度 ...

随机推荐

dev GridView常用属性,事件

一.属性 1.GridControl属性 //允许拖拽行 gridControl1.AllowDrop = true; 2.GridView属性 //不可编辑 gridView1.OptionsBeh ...

dpi,ppi,dip,dp,px和sp

一 基本概念 1. dpi (dots per inch)每英寸多少点:ppi( Pixel per inch),每英寸像素数.针对显示器的设计时,dpi=ppi. 2. dip (device in ...

CentOS 7.0默认使用的是firewall作为防火墙。

systemctl start firewalld.service#启动firewallsystemctl stop firewalld.service#停止firewallsystemctl dis ...

NSSet、NSMutableSet基本用法

NSSet.NSMutableSet基本用法 在Foundation框架中,提供了NSSet类,它是一组单值对象的集合,且NSSet实例中元素是无序,同一个对象只能保存一个. 一.不可变集合NSSet ...

mysql 查询表的行数和空间使用及其它信息

use information_schema; select concat(round(sum(DATA_LENGTH/1024/1024), 2), 'MB') as data from TABLE ...

java猜数字小游戏

/* * * 猜数字小游戏 * * 先由系统生成一个2-100之间的随机数字, * * 然后捕获用户从控制台中输入的数字是否与系统生成的随机数字相同, * * 如果相同则统计用户所猜的次数,并给出相应 ...

ES6 相关资料

Configuring Babel 6 Setting up ES6

[SCOI 2011]糖果

Description 题库链接 给出 \(N\) 个节点,节点有正点权, \(K\) 个三元组 \((X,A,B)\) 来描述节点点权之间的关系. 如果 \(X=1\) , 表示 \(A\) 的点权 ...

Asp.net中文本框全选的实现

一.鼠标滑过textbox全选 前台:

如何将div拼接成html代码,给div拼接html 拼接字符串相关推荐

  1. html中用div做框架的代码,用div和css做框架

    就是这个样子咯

  2. 集合拼接成字符串代码,拼接Collection : join(coll, CLASS:getField)的形式拼接

    代码: package com.wjj.application.common.util;import java.util.*; import java.util.function.Function; ...

  3. php sql 条件拼组_将数组里的元素拼接成sql里的in条件

    /** * 将数组里的元素拼接成sql里的in条件,如'a1','a2','a3' * @param array * @returns */ function makeSqlInStr(array){ ...

  4. 浮层java_通过遮罩层实现浮层DIV登录的js代码

    摘要:这篇JavaScript栏目下的"通过遮罩层实现浮层DIV登录的js代码",介绍的技术点是"浮层DIV.JS代码.div.遮罩层.登录.代码",希望对大家 ...

  5. code vs 把所有行拼接成一行_关于SQL Server将一列的多行内容拼接成一行的问题讨论...

    示例 昨天遇到一个SQL Server的问题:需要写一个储存过程来处理几个表中的数据,最后问题出在我想将一个表的一个列的多行内容拼接成一行,比如表中有两列数据 : 类别名称 AAA 企业1 AAA 企 ...

  6. JSP EL表达式 将数组拼接成字符串

    前言 el表达式拼接字符串 将数组拼接成字符串 EL表达式拼接字符串的方法 使用String类型的concat方法. ${jbstr.concat(',')} 示例 有一个数组(jbList),需要将 ...

  7. mysql 将查询所得结果集的某一字段拼接成字符串

    前言 mysql 5.5.40 将查询所得结果集的某一字段拼接成字符串 将菜单树的所有根节点(parent_id=0)的id拼接成字符串. sql 代码: select GROUP_CONCAT(me ...

  8. SQL Server将一列的多行内容拼接成一行的实现方法

    SQL Server将一列的多行内容拼接成一行的实现方法 投稿:mdxy-dxy 这篇文章主要介绍了SQL Server将一列的多行内容拼接成一行的实现方法,需要的朋友可以参考下 下面大家先看下示例代 ...

  9. python多张图叠加为一张_python实现多张图片拼接成大图

    本文实例为大家分享了python实现多张图片拼接成大图的具体代码,供大家参考,具体内容如下 上次爬取了马蜂窝的游记图片,并解决了PIL模块的导入问题,现在直奔主题吧: import PIL.Image ...

  10. dom元素转化成字符串;字符串html 转换成 实际代码html; innerHTML, outerHTML,

    1.字符串转换成代码 //字符串转换成代码 let stringHtml = '<!DOCTYPE html><html lang="zh-CN"> < ...

最新文章

  1. 在VMware虚拟机中进行Ghost网刻不成功的几点提示
  2. golang适合做什么_什么八字适合做销售 适合做销售的八字特征
  3. (JAVA)FileWriter
  4. 设置DIV半透明CSS代码:
  5. U盘装win7系统出现question(1808)的解决方法
  6. 读取设置config.ini配置
  7. 毕业生共享屏幕3小时 被骗70万
  8. visual2019没有勾选的在如何加入_没有预留期权池,如何激励新加入者?
  9. 简单的java图像裁减
  10. 12.这就是搜索引擎:核心技术详解 --- 搜索引擎发展趋势
  11. Java工作流系统jflow从表功能介绍一
  12. 思维导图使用技巧:手把手教你怎么画思维导图
  13. 状态良好(恢复分区)空间的删除的方法
  14. 计算机组成原理cpi是什么意思,计算机组成原理课程CPI教学方法探索
  15. [深度学习概念]·非极大值抑制解析
  16. 高大上~的裸眼3D原理与制作方法
  17. Qt:Windows编程—Qt实现注册表启动项管理
  18. 深度学习 01 探索深度学习
  19. Base64 编码原理及代码实现
  20. Java+freemarker 导出Word文档的实现(包括word for Mac 插入域的方法)-静态数据,动态表格list

热门文章

  1. python模拟B-S期权定价模型
  2. FAT文件系统规范v1.03学习笔记---1.保留区之启动扇区与BPB
  3. 超大图片的储存/处理/显示
  4. java stack top_Java中的堆栈类Stack类 - Break易站
  5. 常用web服务器架构理解
  6. CSPS2019Day1T2(括号树)题解
  7. 商业银行数字化转型的难点与路径
  8. Redis(三) Redis的持久化 RDB与AOF
  9. 财报汇总 | 可口可乐、爱立信、中国平安、格林酒店等5家企业公布最新业绩
  10. chorme的性能优化工具