我想将文本从一个文本字段传输到另一个文本字段。就像第一个文本字段到第二个文本字段,第二个到第三个,第三个到第一个 JAVASCRIPT
I want to transfer text from one text field to another. Like first text field to second text field, second to third, third to first in JAVASCRIPT
<body>
<button onclick="movebtn()">Click to move</button><br>
<textarea name="txt" id="ptextone" cols="30" rows="5"></textarea><br>
<textarea name="txt" id="ptexttwo" cols="30" rows="5"></textarea><br>
<textarea name="txt" id="ptextthree" cols="30" rows="5"></textarea><br>
</body>
这是我的代码,需要 JavaScript 函数将文本从文本区域移动到其他单击函数。
这是问题的第一个答案。但想知道这个问题是否还有其他有效的解决方案。
<html>
<body>
<button onclick="movebtn()">Click to move</button><br>
<textarea name="txt" id="ptextone" cols="30" rows="5"></textarea><br>
<textarea name="txt" id="ptexttwo" cols="30" rows="5"></textarea><br>
<textarea name="txt" id="ptextthree" cols="30" rows="5"></textarea><br>
</body>
</html>
var arr=['ptextone','ptexttwo','ptextthree'];
var i=0;
function movebtn(){
mt = document.getElementById(arr[i]).value;
document.getElementById(arr[i]).value = "";
for(i;i<=arr.length-1;i++){
if(i == 2){
i=0;
document.getElementById(arr[i]).value = mt;
break;
}
else if(i <arr.length-1){
i++;
document.getElementById(arr[i]).value = mt;
break;
}
}
}
第二种解决方案。
var arr=['ptextone','ptexttwo','ptextthree'];
var i=0;
function movebtn(){
mt = document.getElementById(arr[i]).value;
document.getElementById(arr[i]).value = "";
if(i == 0){
document.getElementById(arr[1]).value = mt;
i++;
}else if(i ==1){
document.getElementById(arr[2]).value = mt;
i++;
}else if(i ==2){
document.getElementById(arr[0]).value = mt;
i=0;
}
}
<body>
<button onclick="movebtn()">Click to move</button><br>
<textarea name="txt" id="ptextone" cols="30" rows="5"></textarea><br>
<textarea name="txt" id="ptexttwo" cols="30" rows="5"></textarea><br>
<textarea name="txt" id="ptextthree" cols="30" rows="5"></textarea><br>
</body>
这是我的代码,需要 JavaScript 函数将文本从文本区域移动到其他单击函数。
这是问题的第一个答案。但想知道这个问题是否还有其他有效的解决方案。
<html>
<body>
<button onclick="movebtn()">Click to move</button><br>
<textarea name="txt" id="ptextone" cols="30" rows="5"></textarea><br>
<textarea name="txt" id="ptexttwo" cols="30" rows="5"></textarea><br>
<textarea name="txt" id="ptextthree" cols="30" rows="5"></textarea><br>
</body>
</html>
var arr=['ptextone','ptexttwo','ptextthree'];
var i=0;
function movebtn(){
mt = document.getElementById(arr[i]).value;
document.getElementById(arr[i]).value = "";
for(i;i<=arr.length-1;i++){
if(i == 2){
i=0;
document.getElementById(arr[i]).value = mt;
break;
}
else if(i <arr.length-1){
i++;
document.getElementById(arr[i]).value = mt;
break;
}
}
}
第二种解决方案。
var arr=['ptextone','ptexttwo','ptextthree'];
var i=0;
function movebtn(){
mt = document.getElementById(arr[i]).value;
document.getElementById(arr[i]).value = "";
if(i == 0){
document.getElementById(arr[1]).value = mt;
i++;
}else if(i ==1){
document.getElementById(arr[2]).value = mt;
i++;
}else if(i ==2){
document.getElementById(arr[0]).value = mt;
i=0;
}
}