Get value of Span Text

Question

I have a span with class  span  and a hidden field class  dropdown    The span text changes  and I need to grab the text and set it as the value of the hidden field s value    I will then use php  I already have  and use the name of the hidden field to email me the text    How do I do it

User · Answer

The accepted answer is close    but no cigar   Use textContent instead of innerHTML if you strictly want a string to be returned to you   innerHTML can have the side effect of giving you a node element if there s other dom elements in there  textContent will guard against this possibility

User · Answer

lt script type  text javascript  gt  document getElementById  button1   onChange   function          document getElementById  hidden field id   value   document getElementById  span id   innerHTML     lt  script gt

User · Answer

x000D   x000D  var span Text   document getElementById  span Id   innerText  x000D   x000D  console log span Text  x000D   lt span id  span Id  gt I am the Text  lt  span gt  x000D   x000D   x000D

User · Answer

Judging by your other post  How to Get the inner text of a span in PHP  You re quite new to web programming  and need to learn about the differences between code on the client  JavaScript  and code on the server  PHP    As for the correct approach to grabbing the span text from the client I recommend Johns answer   These are a good place to get started   JavaScript  https   stackoverflow com questions 11246 best-resources-to-learn-javascript  PHP  https   stackoverflow com questions 772349 what-is-a-good-online-tutorial-for-php  Also I recommend using jQuery  Once you ve got some JavaScript practice  it will eliminate most of the cross-browser compatability issues that you re going to have  But don t use it as a crutch to learn on  it s good to understand JavaScript too  http   jquery com

User · Answer

You need to change your code as below    lt html gt   lt body gt    lt span id  span Id  gt Click the button to display the content  lt  span gt    lt button onclick  displayDate    gt Click Me lt  button gt    lt script gt  function displayDate        var span Text   document getElementById  span Id   innerText     alert  span Text      lt  script gt   lt  body gt   lt  html gt

[javascript] Get value of Span Text

Examples related to javascript

Examples related to html