如何将输入框(form name="form1")的值回显到输入框(form name="form2")
我想出了如何在第一种形式中回显输入...以及在 div 中...但我无法弄清楚如何从第一种形式中的输入框传递输入 (form1 ).. 进入第二种形式的输入框 (form2).
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function FillBilling(f) {
f.billingname.value = f.shippingname.value;
f.billingcity.value = f.shippingcity.value;
}
function changeRadius1(){
var name_input = document.getElementById('name_input').value;
document.getElementById('radius1').innerHTML = name_input;
}
function changeRadius2(){
var city_input = document.getElementById('city_input').value;
document.getElementById('radius2').innerHTML = city_input;
}
</script>
</head>
<body>
<b>Mailing Address FORM1</b><br><br>
<form name="form1">
Name:<input type="text" name="shippingname" onkeyup="FillBilling(form1); changeRadius1()">
<br>City:<input type="text" name="shippingcity" onkeyup="FillBilling(form1); changeRadius2()">
<br><br>
Name:<input type="text" id="name_input" class="name_input" name="billingname" onkeyup="FillBilling(form2)"><br>
City:<input type="text" id="city_input" class="city_input" name="billingcity" onkeyup="FillBilling(form2)">
</form>
<br>
<P>
<b>Billing Address FORM2</b><br><br>
<form name="form2">
Name:<input type="text" id="name_input" class="name_input" name="billingname"><br>
City:<input type="text" id="city_input" class="city_input" name="billingcity">
</form>
<br><b>Billing Address TEXT</b><br><br>
<div class="yourcode">Name: <span id="radius1"></span></div>
<div class="yourcode">City: <span id="radius2"></span></div>
</body>
</html>
我希望这不是一个愚蠢的问题..答案应该是显而易见的..但我才刚开始学习 JS..所以谢谢你的帮助。
最佳答案
我不完全确定你想要完成什么，但我想我可以帮助你:
当您在 form1 的第二组字段 FillBilling(form2) 中进行函数调用时，您正在调用 FillBilling 函数，其中“f”是对 form2 的引用。 form2 没有名称为“shippingname”和“shippingcity”的输入。这些返回未定义。
您需要重写您的函数，以便它访问您想要更具体地修改的表单。
为了 HTML 的有效性和清晰度，您还应该在编程时尽量不要重复使用 HTML 名称和 ID。结果发生了这些事情。
关于javascript - 如何将输入框(<表单名称="form1">)的值回显到输入框(<表单名称="form2">)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13220223/