Assigning value of one text box to another

2020-07-13 07:44发布

站内问答 / jQuery
1738 3 6

Have looked at the answers to similar questions to this, but for the life of me, I can't figure out what I'm doing wrong.

I have a two text boxes and a button. When text is added to the first textbox and the button pressed, I want to apply the first textbox's value/text to the second textbox:

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

3条回答
祖国的老花朵
2楼-- · 2020-07-13 08:20

Your code looks good. Just add it to the $(document).ready(...) event handler like this:

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

You could also simplify your code a bit:

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

Take a look at the .ready() docs.

查看更多
0人赞 添加讨论(0) 举报
够拽才男人
3楼-- · 2020-07-13 08:26

You're not waiting for the DOM to become ready. You should write something like:

$(document).ready(function() {
    $("#button").click(function() {
        var contents = $("#textbox").val();
        $("#container").val(contents);
    });
});
查看更多
0人赞 添加讨论(0) 举报
ら.Afraid
4楼-- · 2020-07-13 08:35

You should wait for all elements with document.ready event, and you can simplify your jquery:

$(document).ready(function() {
    $("#button").click(function() {
        $("#container").val($("#textbox").val());
    });
});
查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(6)