텍스트 상자 값을 요소 유형별로 자바 스크립트와 병합

Question

텍스트 상자가 3 개 있습니다. 이름과 ID가 다릅니다. 해당 값을 이름 또는 ID와 병합 할 수 있지만 해당 값을 유형과 병합해야합니다. 내가 어떻게 해.

<input type="text" id="txt1" name="textbox1"> 
<input type="text" id="txt2" name="textbox2"> 
<input type="text" id="txt3" name="textbox3"> 

Answer 1

document.querySelectorAll("input[type=text]")을 사용하여 모든 텍스트 상자 요소를 유형별로 가져올 수 있습니다. 병합을 사용하면 값을 연결하는 것입니다.

var textBoxes= document.querySelectorAll("input[type=text]"); 
var mergedValue; 

for(var i=0;i<textBoxes.length;i++) 
{ 
    mergedValue+=textBoxes[i].value; 
} 

Answer 2

또 다른 가능한 해결책은 다음과 같습니다.

function mergeData() { 
 
    var textboxes = document.getElementsByTagName("input"); 
 
    var mergedText = ""; 
 
    for (var i = 0; i < textboxes.length; i++) { 
 
    if (textboxes[i].type === "text") { 
 
     mergedText = mergedText + textboxes[i].value; 
 
    } 
 
    } 
 
    document.getElementById("merged").innerHTML = mergedText; 
 
}

<input type="text" id="txt1" name="textbox1"> 
 
<input type="text" id="txt2" name="textbox2"> 
 
<input type="text" id="txt3" name="textbox3"> 
 
<button onclick="mergeData()">Merge</button> 
 

 
<div id="merged"></div>

Answer 3

var dataVal=document.querySelectorAll('[type=text]'); 
 
var myVal=""; 
 
dataVal.forEach(function(entry) { 
 
    myVal+=entry.value; 
 
}); 
 

 
console.log(myVal);

<input type="text" id="txt1" name="textbox1" value="2"> 
 
<input type="text" id="txt2" name="textbox2" value="2"> 
 
<input type="text" id="txt3" name="textbox3" value="2">