Javascript 将字段值从一个字段复制到另一个字段
我需要将两个字段值从两个单独的字段复制到同一页面上的另一个表单中相应的字段 输入字段:名字 输入字段:姓氏 将这些值复制到: 输入字段:帐单名 输入字段:装运名称 我尝试了以下代码,但没有效果,我从另一个网站上入侵了它,该网站上有一个复选框,在我的情况下,有一个表单可以输入客户的名字、姓氏和电子邮件,客户然后单击“继续”按钮,然后加载下一个表单,在此表单中,我希望根据初始表单自动填写姓名 这是我在文档中的之间使用的代码Javascript 将字段值从一个字段复制到另一个字段,javascript,html,input,copy,field,Javascript,Html,Input,Copy,Field,我需要将两个字段值从两个单独的字段复制到同一页面上的另一个表单中相应的字段 输入字段:名字 输入字段:姓氏 将这些值复制到: 输入字段:帐单名 输入字段:装运名称 我尝试了以下代码,但没有效果,我从另一个网站上入侵了它,该网站上有一个复选框,在我的情况下,有一个表单可以输入客户的名字、姓氏和电子邮件,客户然后单击“继续”按钮,然后加载下一个表单,在此表单中,我希望根据初始表单自动填写姓名 这是我在文档中的之间使用的代码 <script type = "text/javascript">
<script type = "text/javascript">
function FillBilling(f) {
if(f.dispatch[checkout.update_steps].submit == true) {
f.user_data[firstname].value = f.user_data[b_firstname].value;
f.user_data[lastname].value = f.user_data[b_lastname].value;
}
}
</script>
功能计费(f){
if(f.dispatch[checkout.update\u steps].submit==true){
f、 user\u data[firstname].value=f.user\u data[b\u firstname].value;
f、 用户数据[lastname]。值=f。用户数据[b\U lastname]。值;
}
}
字段是这样默认生成的,不幸的是,我无法更改ID或名称值
名字:
<input type="text" class="input-text " value="" size="32" name="user_data[firstname]" id="elm_6">
<input type="text" class="input-text " value="" size="32" name="user_data[b_firstname]" id="elm_14">
姓氏:
<input type="text" class="input-text " value="" size="32" name="user_data[lastname]" id="elm_7">
<input type="text" class="input-text " value="" size="32" name="user_data[s_firstname]" id="elm_16">
继续按钮:
<input type="submit" value="Continue" name="dispatch[checkout.update_steps]">
帐单名:
<input type="text" class="input-text " value="" size="32" name="user_data[firstname]" id="elm_6">
<input type="text" class="input-text " value="" size="32" name="user_data[b_firstname]" id="elm_14">
帐单姓氏:
<input type="text" class="input-text " value="" size="32" name="user_data[lastname]" id="elm_7">
<input type="text" class="input-text " value="" size="32" name="user_data[s_firstname]" id="elm_16">
我认为,但可能是错误的,因为Continue submit按钮的名称包含一个点(dispatch[checkout.update_steps]),这破坏了Javascript,但我不确定
我还注意到,“First Name”、“Last Name”字段和“Continue”按钮位于单独的表单上,数据通过Ajax发送到同一页面上的第二个表单。第一个表单有name=“step\u one\u contact\u information\u form”,第二个表单(账单名、账单姓)有name=“step\u two\u账单地址”
有什么想法吗
谢谢你的建议 我建议您使用jQuery。很简单,我为你做了这个: 下面是一个代码示例:
$('input[type=submit]').click(function(){
$('#elm_14').val($('#elm_6').val());
$('#elm_16').val($('#elm_7').val());
});
试着这样做:
function fillBilling() {
document.getElementsByName("user_data[b_firstname]")[0].value = document.getElementsByName("user_data[firstname]")[0].value;
document.getElementsByName("user_data[s_firstname]")[0].value = document.getElementsByName("user_data[lastname]")[0].value;
return false;
}
向按钮添加onclick事件(最好使用事件侦听器,但以下方法也可以)
如果id始终相同(用各自的id替换[x]),则可以使用document.getElementByID(“elm_ux]”
此外,我建议将按钮更改为键入“button”,这样,如果您不打算使用它提交表单:
<input type="button"... />
希望这有帮助我试过了。没用,因为我是个白痴。页面上有两个单独的表单。。。第一种形式:第二种形式:看来我需要找出如何将值从一种形式传递到下一种形式,但我不知道如何做到这一点。有什么想法吗?感谢您迄今为止的帮助,非常感谢!我试过这个。没用,因为我是个白痴。页面上有两个单独的表单。。。第一种形式:第二种形式:看来我需要找出如何将值从一种形式传递到下一种形式,但我不知道如何做到这一点。有什么想法吗?感谢您迄今为止的帮助,非常感谢!