为JS中的每个新记录创建一个新的行

我必须按照用户输入两个字段值的代码，然后单击复制两个字段的值的按钮，然后将它们写入一个文本框。每次键入新值并单击按钮时，都会将其添加到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

，将不胜感激

谢谢

Marius

什么是 n和 r？

n用作UNIX文本文件中的终止终结者
r用作Mac文本文件中的终止终结者
r n（ie两者）用于终止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 + "nr" + Field1.value + " - " + Field3.value;
    Field1.value = ''
    Field3.value = ''
 } 
</script> 
<input type="button" value="Add Qualification" onClick="copy();" /> 
</html>

嘿！您也可以使用字符串插值。它在ES6中的新事物及其酷。

在这里您可以阅读更多

，您的代码看起来像这样

<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}nr${Field1.value}-${Field3.value}`;
    Field1.value = ''
    Field3.value = ''
 } 
</script> 
<input type="button" value="Add Qualification" onClick="copy();" /> 
</html>

相关内容

最新更新

热门标签：