将一个文本框的值分配给另一个文本框答案

【问题标题】：Assigning value of one text box to another将一个文本框的值分配给另一个文本框
【发布时间】：2011-08-11 11:50:54
【问题描述】：

已经查看了与此类似的问题的答案，但对于我的生活，我无法弄清楚我做错了什么。

我有两个文本框和一个按钮。当文本添加到第一个文本框并按下按钮时，我想将第一个文本框的值/文本应用于第二个文本框：

<html>
<head>
    <script type="text/javascript" src="jquery.js"></script>
    <script>
        $("#button").click(function() {
            var contents = $("#textbox").val();
            $("#container").val(contents);
        });
    </script>
</head>
<body>
    <input type="text" id="textbox" /> <input type="submit" id="button" value="Press This" />
    <br />
    <input type="text" id="container" />
</body>
</html>

【问题讨论】：

标签： jquery input textbox

【解决方案1】：

您无需等待 DOM 变为 ready。你应该这样写：

$(document).ready(function() {
    $("#button").click(function() {
        var contents = $("#textbox").val();
        $("#container").val(contents);
    });
});

【讨论】：

【解决方案2】：

您的代码看起来不错。只需将其添加到 $(document).ready(...) 事件处理程序中，如下所示：

$(document).ready(function() {
    $("#button").click(function() {
        var contents = $("#textbox").val();
        $("#container").val(contents);
    });
});

您还可以稍微简化一下代码：

$(document).ready(function() {
    $("#button").click(function() {
        $("#container").val($("#textbox").val());
    });
});

看看the .ready() docs。

【讨论】：

【解决方案3】：

你应该等待所有带有document.ready事件的元素，你可以简化你的jquery：

$(document).ready(function() {
    $("#button").click(function() {
        $("#container").val($("#textbox").val());
    });
});

【讨论】：