将输入表单中的文本复制到DIV中

时间:2016-03-04 17:01:14

标签: javascript html

我想创建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>

3 个答案:

答案 0 :(得分:1)

尝试正确使用id selector

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

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

对于您的案例,最好的方法是绑定显式事件处理程序,

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

答案 1 :(得分:0)

这也可以通过php $_GET($whatever);完成,为此,您需要输入字段中的name="whatever"

答案 2 :(得分:0)

<form method="post" action="<?php echo base_url() ."addstories/saveEdit/".$id?>" >

更改DIV内容我们使用html()而非val()