0

我找到了这个小提琴（不记得来源）：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，所以我无法确定它。非常感谢任何帮助

4

1 回答 1

0

附加点击处理程序的 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 无法附加单击处理程序。

于 2013-08-12T21:01:23.787 回答