Jquery 将一个文本框的值指定给另一个文本框_Jquery_Input_Textbox

Jquery 将一个文本框的值指定给另一个文本框

jquery input

Jquery 将一个文本框的值指定给另一个文本框,jquery,input,textbox,Jquery,Input,Textbox,我已经看过了类似问题的答案，但就我个人而言，我不知道我做错了什么我有两个文本框和一个按钮。当文本添加到第一个文本框并按下按钮时，我想将第一个文本框的值/文本应用到第二个文本框： <html> <head> <script type="text/javascript" src="jquery.js"></script> <script> $("#button").click(function() {

我已经看过了类似问题的答案，但就我个人而言，我不知道我做错了什么

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

<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>


$（“#按钮”）。单击（函数（）{
var contents=$（“#文本框”）.val（）；
$（“#容器”）.val（内容）；
});

您不是在等待DOM成为。你应该这样写：

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

您应该使用

document.ready

事件等待所有元素，您可以简化jquery：

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

你的代码看起来不错。只需将其添加到

$（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());
    });
});

看一看