Кто-нибудь знает, как скопировать текст одного div в другой?

Моя ситуация такова, что я хочу создать текстовое поле, в которое может быть введена информация, а затем отображаться в div.

Это мой код:

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

«#t» - это мое текстовое поле, а «#title» - это div.

Ответ может быть в javascript или jquery, я не против. Однако я бы предпочел jquery.

2
Finley Sherwood 11 Янв 2017 в 10:07

6 ответов

Лучший ответ

Вы можете легко сделать это, обработав событие onkeyup входного текста.

<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>
2
Sithu Kyaw 11 Янв 2017 в 07:36

Вы можете использовать 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());
  })
})
0
Ejaz 11 Янв 2017 в 07:20

Вы можете попробовать следующее:

$("#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"/>
2
Christos 11 Янв 2017 в 07:17

Вы можете сделать это с

 $('#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> 
1
Jishnu V S 11 Янв 2017 в 08:34
$('#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.
});
0
Happy 11 Янв 2017 в 09:03

Вы можете использовать это

$("#t").keyup(function(){ 
   $("#title").text($("#t").value()); 
}
0
Super User 11 Янв 2017 в 07:24