首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用多个jquery代码填充html输入/文本字段

如何使用多个jquery代码填充html输入/文本字段
EN

Stack Overflow用户
提问于 2019-09-30 20:00:02
回答 1查看 53关注 0票数 0

我正在尝试用不同的jquery脚本onclick填充输入字段,我希望每个填充的文本占据一行,然后下一次单击填充文本到下一行,目前当您单击第一个按钮时,输入字段根据需要填充,问题是当第二个按钮被单击时,而不是在字段中填充新的句子,它会替换已经存在的文本,这些文本是在第一个按钮单击时填充的。下面是我用来填充输入字段的代码:

代码语言:javascript
运行
复制
function populatethisfirst(){
  document.getElementById("delrver now").value= "Enfoncement plus large qu'une balle de tennis";
}

第二个填充按钮的jquery:

代码语言:javascript
运行
复制
function populatethissecondline(){
  document.getElementById("delrver now").value= "Enfoncement plus large qu'une balle de tennis";
}

输入字段/文本区域的html:

代码语言:javascript
运行
复制
<textarea rows="5" id="deliver now" cols="50" name="populate data" >
populate here</textarea>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-09-30 20:22:24

您正在替换文本区域内容,而不是向其添加内容。对第二行使用+=而不是=就足够了(外加用\n分隔各行):

代码语言:javascript
运行
复制
b1.addEventListener('click', function() {
  ta.value += '1: Enfoncement plus large qu\'une balle de tennis';
});
b2.addEventListener('click', function() {
  ta.value += '\n2: Enfoncement plus large qu\'une balle de tennis';
});
代码语言:javascript
运行
复制
<textarea id="ta"></textarea><br>
<button id="b1">first</button><button id="b2">second</button>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58167495

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档