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 个答案: