前台js拼接input时，value中带有空格会导致value从空格处断开

最新推荐文章于 2022-03-03 00:43:10 发布

singray

最新推荐文章于 2022-03-03 00:43:10 发布

阅读量900

点赞数 2

分类专栏： JS常识文章标签： javascript

本文链接：https://blog.csdn.net/u011194917/article/details/109747291

版权

JS常识专栏收录该内容

3 篇文章 0 订阅

订阅专栏

问题描述

当input放入从后台传来的值时，如果值带有空格，value的实际值会从空格处断开

解决方法

转义，即加引号

//原 带有空格时会从空格处断裂，造成显示异常
get_html=get_html+"<input type='text' value="+result[i].goodsName+" >"
//转义
get_html=get_html+"<input type='text' value='"+result[i].goodsName+"' >"

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

singray

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
2
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

《JavaScript高级程序设计》读书笔记【1~7章】

lemossrkilakila

07-17

644

文章目录1.Javascript简介1.1. ECMAScript1.1.1. ECMAScript简介1.1.2. ECMAScript兼容1.2. 文档对象类型DOM1.2.1. DOM简介1.2.2. DOM级别1.2.3. 其他DOM标准1.3. 浏览器对象类型BOM2. HTML中使用JavaScript2.1. < script >元素3. 基本概念3.1. 语法3.2. 数据类型3.3. 流控制语句3.4. 理解函数 1.Javascript简介 JavaScript是一种专为与网

JavaScript笔记

shine_my的博客

03-13

3404

JavaScript笔记

2 条评论您还未登录，请先登录后发表或查看评论

<input>动态拼接时value中空格后的内容被截断

qq_36805785的博客

08-11

1763

var a="Fancy Yellow"; var inp="<input val="+a+"/>; $("body").append(inp);运行显示为 <input value="Fancy" yellow />原因在于对inp定义时value值没有加引号，应改为var inp="<input value'"+a+"'/>";

隐藏<input type="hidden" >传值，当有空格时数据被截断问题

z507263441的专栏

07-08

5585

今天遇到一个非常奇怪的问题，a.jsp 页面的

在Option条目中填充前导空格的方法

weixin_33811539的博客

12-27

190

在使用Web页面上的下拉列表框(SELECT element)显示数据列表时，有时我们会遇到有层次的数据条目。比如论坛中的子论坛和它的分类之间，以及一些具有包含关系的层次数据条目。使下拉列表框中，不同的level有一定的显示缩进将是非常友好的一种排版方式。如果在HTML编写状态下，或在ASP等脚本语言中，制作这样的下拉列表窗口非常容易。我们知道空格" "在Option标签的前后是会...

form表单input的value为json数据时多个空格的解决方法

shyg866的博客

09-09

992

今天在弄一个页面自动提交数据时，遇到个问题，真的是好久不整前端的东西了，忘了个精光。问题描述：当后台将一个json字符串赋值到以下form表单里的时候，value处第一个字符串多了一个空格。导致后台验签失败。 <form action="url"> <input type="text" name="plain" value ="${result.jsonStr}"> <input type="submit" value="提交"> </f

jquery 动态创建input，value有空格取值不全问题

weixin_40719943的博客

12-06

1475

Jquery动态创建input的元素设置value属性时，要多加一组单引号。原因：不加一组单引号引起的问题是，当Name有空格时，value只显示Name的部分。 $input= $("<input type='text' ;value='" +Name+ "'></input>"); $div.append($input);...

请你写一段html代码，内容如下：有一个列表，列表内的元素需要手动在程序里添加，其中列表由许多行四位数字加汉字组成，其中每行的汉字对应数字，通过这段html程序，可以通过输入几组四位数字翻译成汉字（四位数字之间用空格断开），或者输入汉字翻译成数字

最新发布

09-14

// 根据数字从字典中查找对应的汉字 } document.getElementById("output").innerHTML = result; // 显示翻译结果 } // 定义翻译函数，将汉字转换为数字 function translateToNumber() { var input = ...

HTML5、CSS、JS基础

qq_49101841的博客

03-03

2375

学习笔记

聊天室应用——jquery + node.js + websocket

Vodka的博客

06-06

4555

1.index.js var app = require('express')(); var express = require('express'); var Server = require('http').createServer(app); var io = require('socket.io')(Server); var path = require('path'); var Router = require('./Router'); //配置body-parser var BodyParser

input赋值时的空格问题

shu580231的博客

04-10

7318

很多情况下我们都会涉及到给input赋值的情况，大部分情况下都会很随意自由的用下面如图所示的方法：但是这样大部分情况下是对的，但是当数据里面包含空格的时候，例如；就会出现“错误”，如下图所示：很显这不是我们想要的结果…… 解决方法：赋值的时候加上“”号，这样的话就是对的了总结：当给input赋值的时候，数据中间包含空格，那么老司机们请注意喽

HTML中属性值value值中不能出现空格解决方法

遨游奋飞

09-14

6658

在做页面时，经常会遇到一些需要从数据库中查询后动态创建的html内容的情况，此次遇到的就是向div中插入select选择框，选择项来源于数据库。比如需要在div中插入下面这段html，其中timeFormat[i].format=”yyyy-MM-dd HH:mm”html += " <option value=" + timeFormat[i].format + " sele

js去除空格

xclsky的博客

12-27

834

1 js中没有trim方法。无法使用trim方法来去除空格。 2 正则表达式不仅具有匹配功能。还具有替换功能。结合replace替换函数来使用。如：value_kongge=value_kongge.replace(/^\s*/g,"");//替换左边开头的空格 value_kongge=value_kongge.replace(/\s*$/g,"");//替换右边的空格

js中input属性value+=1后造成字符串拼接

weixin_39353257的博客

11-02

3659

<form action="/AddCart"> <div class="input-group mb-3"> <div class="input-group-prepend"> <button type="button" class="btn btn-sm

解决Jquery动态给表格赋值时空格后面的内容不显示的问题

Christian的博客

10-11

1006

如果从数据库读取的数据为A001 002 003，由于没有给数据加引号，并且会自动给A001加引号，结果就变成了 "A001" 002 003，所以我们在前端看到的数据只有A001 方法1： <input value="+data[i]['FName']+" /> 现在将代码修改为 <input value='"+data[i]['FName']+"' /> ...

HTML中属性值value值中出现空格解决方法

sinat_27365095的博客

10-17

1554

1.一般传参 <input type="button" οnclick="deletexxx(1)" > 2.单个参数 '<span id="'+v.id+'" οnclick="delete(\"'+a+\'")">'+v.cartypename+'</span>' 3.多个参数 document.getElementById("div1").in...

input value 属性遇到引号不显示的解决方法