gpt4 book ai didi

javascript - 在js中为每条新记录创建一个新行

转载 作者:行者123 更新时间:2023-11-28 03:51:38 25 4
gpt4 key购买 nike

我必须遵循以下代码,用户输入两个字段值,然后单击复制(并组合)这两个字段的值并将它们写入一个文本框的按钮。每次键入新值并单击按钮时,该值都会添加到 Field3 文本框中。我希望记录将每条记录写入其自己的行。

目前记录显示为:

abc - def ghi - jkl 

而不是

abc - def
ghi - jkl

我的代码是:

<html> 
<script type="text/javascript">
function copy()

{
var field1 = document.getElementById("Field1");
var field2 = document.getElementById("Field2");
var field3 = document.getElementById("Field3");
Field2.value = Field2.value + Field1.value + " - " + Field3.value;
Field1.value = ''
Field3.value = ''
}
</script>
<input type="button" value="Add Qualification" onClick="copy();" />
</html>

帮助将不胜感激,因为我是 JS 新手

谢谢

马吕斯

最佳答案

什么是\n 和\r ?

  • \n 在 Unix 文本文件中用作行尾终止符

  • \r 在 Mac 文本文件中用作行尾终止符

  • \r\n(即两者)用于终止 Windows 和 DOS 文本中的行文件。

所以你现在知道如何中断行尾,这样你就可以更改代码以在第一个输入后中断行:

<html> 
<script type="text/javascript">
function copy()

{
var field1 = document.getElementById("Field1");
var field2 = document.getElementById("Field2");
var field3 = document.getElementById("Field3");
Field2.value = Field2.value + "\n\r" + Field1.value + " - " + Field3.value;
Field1.value = ''
Field3.value = ''
}
</script>
<input type="button" value="Add Qualification" onClick="copy();" />
</html>

嘿!您也可以使用字符串插值。这是 ES6 中的新功能,非常酷。

here you can read more

这样,你的代码就会像这样

<html> 
<script type="text/javascript">
function copy()

{
var field1 = document.getElementById("Field1");
var field2 = document.getElementById("Field2");
var field3 = document.getElementById("Field3");
Field2.value = `${Field2.value}\n\r${Field1.value}-${Field3.value}`;
Field1.value = ''
Field3.value = ''
}
</script>
<input type="button" value="Add Qualification" onClick="copy();" />
</html>

关于javascript - 在js中为每条新记录创建一个新行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47950582/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com