Присвоение значения одного текстового поля другому - PullRequest
Новая
       2

Присвоение значения одного текстового поля другому

6 голосов
/ 11 августа 2011

Посмотрел ответы на подобные вопросы, но, судя по всему, я не могу понять, что я делаю неправильно.

У меня есть два текстовых поля и кнопка.Когда текст добавляется в первое текстовое поле и нажата кнопка, я хочу применить значение / текст первого текстового поля ко второму текстовому полю: 

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

9 голосов
/ 11 августа 2011

Вы не ждете, пока DOM станет готовым . Вы должны написать что-то вроде: 

$(document).ready(function() {
    $("#button").click(function() {
        var contents = $("#textbox").val();
        $("#container").val(contents);
    });
});
4 голосов
/ 11 августа 2011

Ваш код выглядит хорошо. Просто добавьте его в обработчик событий $(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());
    });
});

Взгляните на .ready () документы .

2 голосов
/ 11 августа 2011

Вам следует дождаться всех элементов с событием document.ready, и вы можете упростить свой jquery: 

$(document).ready(function() {
    $("#button").click(function() {
        $("#container").val($("#textbox").val());
    });
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...