자바 여러 텍스트 상자를 하나의 텍스트 상자로 복사하는 방법

세 개의 개별 텍스트 상자가 있고 상자의 모든 내용을 네 번째 상자로 복사하는 단추가 필요합니다. 자바 스크립트로 어떻게 할 수 있습니까?자바 여러 텍스트 상자를 하나의 텍스트 상자로 복사하는 방법

<form> 
<textarea cols="60" rows="5" id="box1">PAST: </textarea> 
<br /><br /> 
<textarea cols="60" rows="5" id="box2">PRESENT: </textarea> 
<br /><br /> 
<textarea cols="60" rows="5" id="box3">FUTURE: </textarea> 

<br /><br /> 
<input name="" type="button" /> 
<br /><br /> 
<textarea cols="60" rows="5" id="box4">All Past Present Future</textarea> 
</form>

출처

2012-07-17 Daniel Kellaway

스크립트는 어디에 있습니까? 당신은 이미 무엇을 시도 했습니까? – MrOBrian

무엇이 문제입니까? 어디서 붙어 있니? –

StackOverflow는 문제를 해결하는 데 도움을줍니다. 그것은 당신의 전체 업무/업무를 수행하는 것이 아닙니다. – Lion

이 시도 :

$('button').click(function(){ 
    var text = ""; 
    $('textarea:not(:eq(3))').each(function(){ 
     text += this.value 
    }) 
    $('textarea:eq(3)').val(text)  
})

demo

출처

2012-07-17 20:59:40 undefined

텍스트 영역 값을 추출한 다음 해당 연결을 '집계'텍스트 영역의 값으로 만듭니다.

$('#button_id').click(function() { 
    $('#box4').val(
    $('#box1').val() + $('#box2').val() + $('#box3').val() 
); 
});

출처

2012-07-17 20:58:30 raina77ow

jsFiddle을 : http://jsfiddle.net/wCPbY/3/

// Runs on document ready 
$(document).ready(function() 
{ 
    // Grabs each text in the textareas based on the id, added spaces in between. 
    var text = $("#box1").text() + " " + $("#box2").text() + " " + $("#box3").text(); 

    // Appends the text to box4. 
    $("#box4").text(text); 
});

출처

2012-07-17 21:01:01

jQuery를 사용하면 선택기를 만들 수 있습니다 그것은 다음과 같이 jQuery를 함께 할 매우 쉽습니다 모든 필수 요소를 포착합니다. HTML을 변경하여 클래스 속성과 일치하는 요소를 제공하여 선택자가 요소를 그룹화 할 수있게 할 수 있습니다.

<textarea cols="60" rows="5" class="textGroup" id="box1">PAST: </textarea> 
<textarea cols="60" rows="5" class="textGroup" id="box2">PRESENT: </textarea> 
<textarea cols="60" rows="5" class="textGroup" id="box3">FUTURE: </textarea> 
<textarea cols="60" rows="5" id="box4">All Past Present Future</textarea>

모든 텍스트 영역을 가져 오는 선택기는 - $(".textGroup")입니다.
이제 모든 내용을 반복하고 내용을 수집하여 All Past Present Future 텍스트 영역에 추가하면됩니다.

var wholeString = ''; 
$(".textGroup").each(function(index,elem){ 
    wholeString += $(elem).text(); 
}); 

$("#box4").text(wholeSrting);

출처

2012-07-17 21:01:15 Lix

jQuery와 같은 전체 JavaScript 라이브러리를로드 할 필요가 없습니다. 당신의 jsFiddle 여기 (! 확장 성을 내장)

var textboxes = document.getElementsByTagName('textarea'), 
    box4 = document.getElementById('box4'), 
    i; 

for (i = 0; i < textboxes.length - 1; i++) { 
    box4.value += textboxes[i].value; 
}

을이 간단한 자바 스크립트를 시도하고.

출처

2012-07-17 21:36:11

자바 여러 텍스트 상자를 하나의 텍스트 상자로 복사하는 방법

답변

관련 문제