jsの新しいレコードごとに新しい行を作成

ユーザーが2つのフィールド値を入力し、2つのフィールドの値をコピー（および結合）して1つのテキストボックスに書き込むボタンをクリックするコードを実行する必要があります。新しい値が入力され、ボタンがクリックされるたびに、Field3テキストボックスに追加されます。私は、レコードがそれぞれのレコードをそれぞれの行に書きたいと思っています。現時点レコードでjsの新しいレコードごとに新しい行を作成

は次のように表示されます。

abc - def ghi - jkl

代わりの

abc - def 
ghi - jkl

私のコードは次のとおりです。私はJS

に新しいですと

<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>

ヘルプをいただければ幸いです

ありがとう

マリウス

出典

2017-12-23 Marius Roos

何 'Field2.value = Field2.value + "\ n" は+ Field1.value +について " - " + Field3.value;' ？ –

@ImeshaSuasingha投稿を答えとして。 – Barmar

\ nと\ rは何ですか？ N \

がr \
は、Macのテキストファイルで行末ターミネータとして使用されているUnixのテキストファイルで行末ターミネータとして使用されている
\ 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>

出典

2017-12-23 08:05:41

ありがとうございました –

@MariusRoosは問題を解決した場合、私の答えを最終的な回答と見なします。 –

のように見える男

マイフィールド1のおかげで名前とフィールド2が姓です。フィールド3は複合名です

これは正しい方法ですか？

</Center> 
<html> 
<script type="text/javascript"> 
function copy() 
{ 
    var Field1 = document.getElementById("Name"); 
    var Field2 = document.getElementById("Surname"); 
    var Field3 = document.getElementById("CombinedNameSurname"); 
    Field3.value = Field1.value + Field2.value 
    Field1.value = ''                 //Reset value to '' 
    Field3.value = ''                 //Reset value to '' 
} 
</script> 
<input type="button" value="Add Qualification" onClick="copy();" /> 
</html>

ありがとう助けを

マリウス

出典

2018-01-19 11:16:33 marius

これは答えではありません...質問として投稿してみませんか？ – sissy

jsの新しいレコードごとに新しい行を作成

答えて

関連する問題