javascript - 将文本从输入表单复制到 DIV 中

Question

我想创建 1 个输入字段和 1 个 Div。当您在输入中写入文本并点击按钮时，我希望文本显示在 DIV 中。它是如此简单，但它只是行不通......我希望有人能为我完成这项简单的任务。我最后尝试过:

<form>
        Bearbeitungstext: <input id="textInput" type="text"><br>
        <input type="button" value="text einbinden" onclick="$('texxxt').val($('#textInput').val())">
</form>

    <div id="texxxt">

    </div>

Answer 1

尝试使用id selector正确地，

$('#texxxt').text($('#textInput').val());

您还必须使用 .text()而不是.val() , .val()不是 div 的函数元素。它适用于具有 value 的表单元素属性。

适合您的情况的最佳方法是绑定(bind)显式事件处理程序，

var div = $("#texxxt"),inp = $("#textInput");
$("form button").click(function(e){
  e.preventDefault();
  div.text(inp.val());
});