javascript copy text from div to input

Question

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

`i am trying` Yes, there might be a way, have you tried anything at all yourself yet? Please post the code — CertainPerformance, Aug 15 '18 at 03:40
Break it apart into steps and you should be able to research yourself towards an answer quite easily! **(1)** [Get the last element of a certain class](https://stackoverflow.com/questions/39223343/shortest-way-to-get-last-element-by-class-name-in-javascript) **(2)** [Get the text from that element](https://stackoverflow.com/questions/10370204/how-can-get-the-text-of-a-div-tag-using-only-javascript-no-jquery) **(3)** [Populate the input](https://stackoverflow.com/questions/5700471/set-value-of-input-using-javascript-function) — Tyler Roper, Aug 15 '18 at 03:43

score 1 · Accepted Answer · answered Aug 15 '18 at 04:11

1

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>

answered Aug 15 '18 at 04:11

Mohammad Ali Rony

4,695
3
19
33

Wouldn't the getElementsByClassName already select the last node? – HessamSH Aug 15 '18 at 04:21

Jun · Answer 2 · 2018-08-15T04:32:36.787

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>

score 0 · Answer 3 · answered Aug 15 '18 at 04:28

0

use below code

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

answered Aug 15 '18 at 04:28

Shiv Kumar Baghel

2,464
6
18
34

javascript copy text from div to input

3 Answers3