配列をループして中芯の中のテキストを置き換える

Question

誰かが助けてくれることを祈っています。別のテキストボックスのテキストをつなぎ合わせて、プレースホルダ{xxx}のテキストを配列のオブジェクトで置き換えたいと思います。最終的なテキストは 'Text_area_3'に出力されます。

次に、ボタンをクリックして、その都度プレースホルダを置き換えながら配列を1つずつ循環させたいと思っています。

これまで私はこれまで何を得ていましたが、ボタンのクリックで配列を循環させようとしています。 jqueryの$の.each機能を試してみてくださいJavaScriptで配列を反復処理するには

function concatenate(){ 
    document.getElementById("result1").innerHTML = 
    document.getElementById("text_area_1").value + " " + 
    document.getElementById("text_area_2").value; 

document.getElementById("result2").innerHTML = 
    document.getElementById("text_area_3").value; 
} 
$(document).ready(function(){ 
    var arr = ["One","Two","Three"]; 
    var index = 0; 
    $('#next').click(function(){ 
    index = (index + 1) % arr.length ; 
}); 
}); 

おかげ

Answer 1

。そこからの例はここにあります。

$.each([ 52, 97 ], function(index, value) { 
    alert(index + ": " + value); 
}); 

値が52と97と指標である

は0と1

Answer 2

OKので、ここではバージョン2ですが、私はかなりまだそこにいないよ：

<div id="requirement #1"> 
    <h1> Requirement #1</h1> 
    <textarea id="text_area_1"></textarea> 
    <textarea id="text_area_2"></textarea></div> 
     <textarea id="text_area_3"></textarea> 
    <button type="button" id="button1" onclick="concatenate()">concatenate</button> 
<p id="result1"></p> 
<p id="result2"></p> 
<div> 
<span id='keyword'></span> 
</div> 
<p></p> 
<button id='next'>Next</button> 


function concatenate(){ 
    document.getElementById("result1").innerHTML = 
    document.getElementById("text_area_1").value + " " + 
    document.getElementById("text_area_2").value; 

document.getElementById("result2").innerHTML = 
    document.getElementById("text_area_3").value; 
} 
var f = ['keyword']; 
var r = ['Road','Street','Avenue']; 

var re = $.map(f, function(v,i) { 
    return new RegExp('\\b' + v + '\\b', 'g'); 
}); 
jQuery('#result2').val(function(i,val) { 
    $.each(f,function(i,v) { 
     val = val.replace(re[i],r[i]); 
    }); 
    return val; 
}); 
$(document).ready(function(){ 
    var arr = r; 
    var index = 0; 
    $('#next').click(function(){ 
    $('#keyword').html(arr[index]); 
    index = (index + 1) % arr.length ; 
}); 
});