Capture field value by its ID and turn into a variable

Question

I want to take the value of a field from my table and turn it into a variable.

Example:

<td id='exemplo'>VALOR EXEMPLO</td>

want to take the content and turn it into a variable using javascript, I believe q is easy but n understand a lot of programming

I tried it but I couldn’t:

<script type="text/javascript">
var teste = $("#exemplo").val()
</script>

and to call her in php:

<?php

$variavelphp = "<script>document.write(teste)</script>";

echo "$variavelphp"
?>

Answer 1

Change your line of code js to the following:

var teste = $("#exemplo").html();

Would look like this:

var teste = $("#exemplo").html();
alert(teste);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table>
  <tr>
    <td id='exemplo'>VALOR EXEMPLO 1</td>
    <td id='exemplo1'>VALOR 2</td>
  </tr>
</table>

First, the call of the event of the JQuery $("#exemplo").val() refers to the attribute value of some element, where the values of the elements are usually stored, but their element in question is actually a td(structure of the body of a table) which, besides everything, also does not have an attribute value native, to take its value, the certain semantically would be to put another element inside it, for example a span or a label, that would look something like this: <td><label id='exemplo' value='VALOR EXEMPLO 1'>VALOR EXEMPLO 1</label></td>, so your command line JQuery nor would need to be changed. But this will go according to each...

Structuring the way you want, the element td just "write" on the screen what is contained in it, ie the type of element td does not have the attribute natively value. To take the content/value contained within a td, you should use the event JavaScript innerHTML(); that in JQuery is equivalent to the event HTML();

Answer 2

If you want to take the content of an element in JS, just this:

var teste = document.getElementById('exemplo').innerText;

But it’s worth saying that it won’t work with a td loose, without the table structure.

See a functional example:

var teste = document.getElementById('exemplo').innerText;

//So para demonstrar:
document.body.innerHTML += 'O valor é ' + teste;

<div id="exemplo">VALOR EXEMPLO</div>

In this case I used a div to avoid the problem mentioned with the td loose.

Was used the innerText, which is preferable to take the textual content. If you want to take something that contains child elements, give preference to innerHTML.

If your doubt is about PHP variables, then the subject changes, and it’s worth a read on:

Match php variable to javascript variable