Question

任何人都知道如何将一个div的文本复制到另一个div中？

我的情况是，我想创建一个文本框，可以将信息输入到文本框中，然后显示在div中。

这是我的代码：

$("#title").text() = $("#t").text();

“＃t”是我的文本框，“#title”是div。

答案可以是javascript或jquery我不介意。但是我更喜欢jquery。

Answer 1

您可以尝试以下方法：

$("#title").text($("#t").val());

$(function(){
    $("#copyBtn").on("click", function(){
        $("#first").text($("#txtBox").val());
    });
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="first">This is the div.</div>
<input type="text" placeholder="enter value" id="txtBox"/>
<input type="button" value="Copy text box value to div" id="copyBtn"/>

Answer 2

你可以通过处理＆＃39; onkeyup＆＃39;这样轻松完成。输入文本的事件。

＆＃13;

<html>
	<head>
		<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
	</head>
	<body>
		
		<div>
			<input type="text" id="txt1"/>
		</div>
		<div>
			<p id="typed-result"></p>
		</div>
		<script>
			$(document).ready(function(){
				$('#txt1').on('keyup',function(){
					var result = $(this).val();
					$('#typed-result').text(result);
				
				});
				
			});
		</script>
	</body>
</html>

＆＃13;

Answer 3

您可以使用

执行此操作

 $('#getDiv').text($(this).val());

试试这个工作示例，只需在textarea中输入内容

$(function(){

  $('#getText').on('keyup', function() {
    $('#getDiv').text($(this).val());
  })

});

<textarea id="getText"></textarea>

<div id="getDiv"></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

Answer 4

您可以使用此

$("#t").keyup(function(){ 
   $("#title").text($("#t").value()); 
}

Answer 5

您可以使用keyup JavaScript事件，像这样的东西 -

HTML -

<body>
  <input type='text' id='one'>
  <div id='two'></div>
  <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
</body>

jQuery -

$(document).ready(function() {
  $('#one').on('keyup', function() {
    $('#two').text($(this).val());
  })
})

Answer 6

$('#txtArea').keyup(function(event) {
   event.preventDefault();  
   $('.txt-block').text($("#txtArea").val());
  // #txtArea is ur textarea box where you type text.
  // .txt-block is your div where textarea Text shows.
});

使一个Div的文本与另一个相同

6 个答案: