Question

您好我想知道如何在输入中显示文本，在其他div中也是如此？我的意思是我在输入中键入文本，它也显示在其他div中。

我怎么能实现这个目标？

Answer 1

试试这个，

<强> HTML

<input id='id' />
<div id='divId'></div>

<强> SCRIPT

$(function(){
    $('input#id').on('keyup',function(){
       $('div#divId').html(this.value);
       // you can use .text(this.value), if textbox value is not having html tags
    });
});

Live Demo

Answer 2

Pure JS Version

HTML：

<input id='id' />
<div id='divId'></div>

JavaScript的：

var input = document.getElementById("id");
var div = document.getElementById("divId");

input.onkeyup = function()
{
    div.innerHTML = input.value;
}

Answer 3

$('#text').keypress(function(){
    $('#content').text($(this).val());
});

这里是jsfiddle

或者您可以使用AngulaJS

Answer 4

使用以下内容：

HTML代码：

<form>
  <input id="target" type="text" value="">
</form>
<div id="other" style="border:1px">

</div>

jQuery代码：

$( "#target" ).keyup(function() {
   $('#other').text($(this).val())
});

这是jsfiddle：http://jsfiddle.net/X8mHm/

Answer 5

使用以下

<p>Date: <input type="text" id="inputVal"></p>

 <div id="divHTML"></div>
 <script>

$( document ).ready(function() {
    $('#inputVal').keyup(function(){
       $('#divHTML').html(this.value);
    });

});

 </script>

现场演示http://jsfiddle.net/qj7J3/

Answer 6

你可以试试这个。

HTML

<input type="text" id="copy" onkeyup="startCopyPaste()" /> <div id="paste"></div>

的javascript

function startCopyPaste() {
    var copy = document.getElementById('copy');
    var paste = document.getElementById('paste');

    paste.innerHTML = copy.value;
}

请参阅JSFIDDLE

的完整代码

如何在其他div中显示输入文本

6 个答案: