我有一个带有文本框的表单,然后是另一个带有三个文本框的表单。当我单击按钮时,我在第一个文本框中输入的文本(id =“ logoName”)在其他三个文本(id v1-v3)中应该可见。我尝试了以下操作,但是当我单击按钮时,第一个框中的文本消失了,而不是在其他框中也显示出来了……我做错了什么?非常感谢你的帮助!!!
JS
var logoName = document.getElementById("logoName");
var v1 = document.getElementById("v1");
var v2 = document.getElementById("v2");
var v3 = document.getElementById("v3");
var button = document.getElementById("button");
function sync() {
v1.value = logoName.value;
v2.value = logoName.value;
v3.value = logoName.value;
}
button.onclick = sync();
的CSS
p {
font-size: 2em;
float: left;
margin-right: 2em;
}
.clear {
clear: both;
}
.overview {
margin-top: 2em;
}
input[type="text"] {
font-size: 2em;
width: 200px;
}
的HTML
<form>
<label>Logo-Name</label>
<input id="logoName" type="text"/>
<button id="button">synchronise</button>
</form>
<form class="overview">
<input id="v1" type="text" /> <input id="v2" type="text" /> <input id="v3" type="text" />
</form>
您在这里遇到2个基本错误:
1-您并没有阻止“提交”按钮的默认操作,并且
2-您没有将sync
功能正确分配给按钮
像这样:
button.onclick = function() {sync();return false;}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句