JavaScript從文本框複製文本的div

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：

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

}); 

HTML：

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

JsFiddle

Answer 3

說，你已經添加了一個按鈕，id="submit"，那麼你可以用下面的方式實現這一目標：

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

的divId是div的ID，其中要追加在文本框中輸入的文本。

Answer 4

使用.keyup()在JQquery

$(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 5

這是一個內聯解決方案（使用jquer y）

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

您可以在onkeypress上使用相同的onchanges而不是onchange來立即將文本應用於div。