CODEWITHSUNDEEP
javascripthtml
Chats Rooms
Chats Rooms

Reputation: 23

javascript copy text from div to input

i was just wondering if there is anyway i could copy text from a div with same class name into an input field

i am trying to copy text from the last div with same class name then paste into input field how could i do this?

<div class="message">TEXT HERE</div>

<div class="message">TEXT HERE</div>

<div class="message">COPY THIS TEXT TO INPUT</div>

<div id="input_box" class="td_input">
<input type="text" name="content" id="content">
</div>

sorry for my bad english

Upvotes: 1

Views: 2253

Answers (3)

Jun
Jun

Reputation: 138

Try this one using jquery: 

  $(document).ready(function(){
  var value = $(".message").last().text();
document.getElementById('content').value = value
 });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<body>
    <div class="message">TEXT HERE</div>

    <div class="message">TEXT HERE</div>

    <div class="message">COPY THIS TEXT TO INPUT</div>

    <div id="input_box" class="td_input">
    <input type="text" name="content" id="content">
    </div>
    </body>
    </html>

Upvotes: 0

Shiv Kumar Baghel
Shiv Kumar Baghel

Reputation: 2480

use below code

var elems = document.getElementsByClassName("message");
var lastElem = elems[elems.length - 1];
document.getElementById("content").value = lastElem.innerText;

Upvotes: 0

Mohammad Ali Rony
Mohammad Ali Rony

Reputation: 4905

After select all div message Use nodes[nodes.length- 1] for last div

var nodes = document.querySelectorAll('.message');
var last = nodes[nodes.length- 1];
document.querySelector('#content').value =last.innerHTML;
<div class="message">TEXT HERE</div>

<div class="message">TEXT HERE</div>

<div class="message">COPY THIS TEXT TO INPUT</div>

<div id="input_box" class="td_input">
<input type="text" name="content" id="content">
</div>

Upvotes: 1

Related Questions