Take content from within a Div and put in Input value

Question

I have a form, and inside it I have an input, which will have to take what it contains inside a DIV, which in case is only text.

The input is like this:

<input class='formContato' type='text' name='orcamentoAssuntoForm' id='orcamentoAssuntoForm' value='Assunto'/>

In this case, the contents of this div must be within the value.

To div in case it’s like this:

<div class="produtosIntTitulo margin-top-30">Produto teste 1</div>

Answer 1

I did with Jquery for you to take a look at how to pick up the text from div

Jquery

$(function(){
    var valorDaDiv = $(".produtosIntTitulo").text();    
    $("#orcamentoAssuntoForm").val(valorDaDiv);
});

You can follow the result in this DEMO

Answer 2

In the case of the form you will use the val() to perform the set and in the div you will use the text() to perform the get.

$(document).ready(function(){
 $( '.formContato' ).val($( '.produtosIntTitulo' ).text());
});

Example: http://jsfiddle.net/ronnyamarante/V4ebK/

Answer 3

You can capture and change the value of a div using getElementById().

          <script type="text/javascript">
              function alteraDiv(){
                    var destino = document.getElementById("minhadiv");
                    destino.value = document.getElementById("orcamentoAssuntoForm").value;;
              }
        </script>

Making a javascript function for this, you could call it to in some event of your input (in the onchange for example)

         <input class='formContato' type='text' name='orcamentoAssuntoForm' id='orcamentoAssuntoForm' value='Assunto' onchange="alteraDiv()"/>

         <div id="minhadiv" class="produtosIntTitulo margin-top-30">Produto teste 1</div>

Answer 4

With javascript pure, without the use of jQuery would be so:

var produtosIntTitulo = document.getElementsByClassName("produtosIntTitulo");
var orcamentoAssuntoForm = document.getElementById("orcamentoAssuntoForm");
orcamentoAssuntoForm.value = produtosIntTitulo[0].innerText;

Online demo.

Answer 5

You can only use pure Javascript to do this if you prefer...

   window.onload = function(){
        var divconteudo = document.getElementsByClassName("produtosIntTitulo margin-top-30")[0].textContent;
        document.getElementById("orcamentoAssuntoForm").value = divconteudo;
    };