Javascript表单/文本框/警报

这是我使用JavaScript的第一天，我需要一个简单演示的帮助。我需要从class=populateValue中获取值，并使其填充到文本框中，并在单击按钮时发出警报

现在，它正在文本框和警报中返回“[object]”

我的代码是：

<section>
    <form>
        <input type="text" id="demoText" />
        <button class="populateValue" value="1234">Populate Value</button>
    </form>
</section>

<script>
    $(document).ready(function () {
        $('.populateValue').on('click', function (event) {
            event.preventDefault();
            $('#demoText').val($('.populateValue'))
            alert($('#demoText').val());
        });
    });
</script>

有什么建议吗？

更改此行：

$('#demoText').val($('.populateValue').val());

更改此行：

$('#demoText').val($('.populateValue').val());

---

完美的请解释为什么需要添加额外的.val？@user1678151:$'.populateValue'是一个包含元素$'.populateValue'的jQuery对象。val是一个包含其值的字符串[object object]”是当您尝试将对象作为字符串读取时发生的情况。请参阅@RocketHazmat的注释。$demoext.valthis.value更为简洁。这是指被点击的对象，即按钮。完美！请解释为什么需要添加额外的.val？@user1678151:$'.populateValue'是一个包含元素$'.populateValue'的jQuery对象。val是一个包含其值的字符串[object object]”是当您尝试将对象作为字符串读取时发生的情况。请参阅@RocketHazmat的注释。$demoext.valthis.value更为简洁。这是指被单击的对象，即按钮。jQuery上的一个功能是，如果不是大多数的话，它的许多函数都有一个设置的版本，并且少了一个参数，它就得到了。jQuery上的一个功能是，如果不是大多数的话，它的许多函数都有一个设置的版本，并且少了一个参数，它就得到了。