如何通过按下javascript中的按钮将文本从输入字段移动到另一个字段

时间:2015-10-29 17:42:06

标签: javascript html

嗨,我是javascript的新手,所以如果我的问题很愚蠢,我很抱歉 我支持潜水,其中有两个输入字段和一个按钮。当您按下按钮时,第一个字段中写入的文本必须移动到第二个字段。这就是我所做的:

<script>
function myfunction(){
	var fp= document.forms["fora"];
		fp.elements[1].innerHTML=fp.element[0].value;
		fp.elements[0].value="";
		
}




</script>
<!DOCTYPE html>
<html>
<head>

	<title>Project 2 </title>



</head>


<body>


	<div>
		<form id=fora>
			First phrase:<br>
			<input type="text"  name="first phrase" >
			<br>
			Second phase:<br>
			<input  type="text" name="second phrase">
			

		</form>	
		<button type="button" onclick="myfunction()">push me
			</button>
		<buttom>
		</button>

	</div>
	<p id="intro"></p>

</body>


</html>

有谁知道我做错了什么?

3 个答案:

答案 0 :(得分:2)

您需要将innerHTML更改为value。还有一个拼写错误fp.element(缺少s,应为fp.elements

var fp= document.forms["fora"];
    fp.elements[1].value=fp.elements[0].value;
    fp.elements[0].value="";

答案 1 :(得分:0)

更改您的javascript以阅读并根据名称设置输入值:

!

答案 2 :(得分:0)

更改

fp.elements[1].innerHTML=fp.element[0].value;

fp.elements[1].value = fp.elements[0].value;

&#13;
&#13;
function myfunction(){
    var fp= document.forms["fora"];
    fp.elements[1].value = fp.elements[0].value;
    fp.elements[0].value = "";
}
&#13;
<form name="fora">
    First phrase:<br>
    <input type="text" name="firstPhrase" ><br>
    Second phase:<br>
    <input type="text" name="secondPhrase">
</form>	
<button type="button" onclick="myfunction()">push me</button>
&#13;
&#13;
&#13;