将值从一个字段复制到另一个字段

Question

我发现了这个小提琴（不记得源代码）： http : //jsfiddle.net/FPsdy/1/正是我想要的（将内容从一个字段复制到另一个字段）

当我将其复制到php页面时，它不起作用：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <script type="text/javascript" src="includes/jquery/jquery-1.10.2.min.js"></script>
</head>

<body>

<script type="text/javascript">
$('input[type=submit]').click(function(){
    $('#elm_14').val($('#elm_6').val());
    $('#elm_16').val($('#elm_7').val());
});
</script>

<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[lastname]" id="elm_7"><br />
<input type="submit" value="Continue" name="dispatch[checkout.update_steps]"><br />
<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[s_firstname]" id="elm_16">

</body>
</html>

我确定我犯了一个业余错误，但是由于我不知道javascript，所以无法查明。 任何帮助都很好

Answer 1

附加了点击处理程序的js代码需要在页面加载后运行：

$(function() { // is run after DOM is completely loaded
    $('input[type=submit]').click(function(){
        $('#elm_14').val($('#elm_6').val());
        $('#elm_16').val($('#elm_7').val());
    });
});

在您的代码中，运行JS时，页面上尚不存在“提交”按钮，因此jQuery无法附加点击处理程序。

将值从一个字段复制到另一个字段

问题描述

1 个解决方案

解决方案1
0 已采纳

将值从一个字段复制到另一个字段

问题描述

1 个解决方案

解决方案1 0 已采纳

解决方案1
0 已采纳