Question

我有简单的文本框：

<input id="textbox" type="text" style="height: 100px; width: 500px" value=""></input>

现在我需要复制文本，将文本输入到文本框后面的div。也许你可以说，我该怎么办？可以自动复制提交按钮或文本，文本框也会消失。

Answer 1

试，

var cache = $('#textbox');
cache.next('div').text(cache.val());

Answer 2

在JQuery中使用.keyup()

$(document).ready(function(){   
    $('#textbox').keyup(function(){   //triggers when keyup in textbox
         var txtBoxVal =$(this).val();
        $('#textVal').text(txtBoxVal);   //assigns value to your div
    });   
});

<强> FIDDLE

添加$(this).hide('slow');

Updated Fiddle隐藏文字框，（我不确定你的实施方式）

Answer 3

试试这个，

<强> Jquery的：

$('#textbox').keyup(function(){
    $('#content').text($('#textbox').val());

});

<强> HTML：

<input id="textbox" type="text"/>
<div id="content"></div>

JsFiddle

Answer 4

假设您添加了一个带有id="submit"的按钮，那么您可以通过以下方式实现此目的：

$('#submit').onClick(function(){
    var text = $("#textbox").val();
    $("#textbox").hide();
    $('#divId').html(text);
});

divId是div的id，您要在其中附加在文本框中输入的文本。

Answer 5

这是一个内联解决方案（使用jquery）

<input id="textbox" type="text" style="height: 100px; width: 500px" value="" onchange="javascript:$(this).next('div').text($(this).val())" />

你可以在onkeypress上使用相同的而不是onchange来立即将文本应用于div。

javascript将文本从文本框复制到div

5 个答案: