75 Stimmen

Wert von Span Text abrufen

Ich habe eine Spanne mit class="span" und ein verborgenes Feld class="dropdown" .

En span Text ändert, und ich muss den Text erfassen und ihn als Wert des ausgeblendeten Feldes Wert festlegen.

Ich werde dann php verwenden (habe ich bereits) und den Namen des versteckten Feldes verwenden, um mir den Text zu mailen.

Wie kann ich das tun?

96voto

John Conde Punkte 212467
<script type="text/javascript">
document.getElementById('button1').onChange = function () {
    document.getElementById('hidden_field_id').value = document.getElementById('span_id').innerHTML;
}
</script>

60voto

maxspan Punkte 12034
var span_Text = document.getElementById("span_Id").innerText;

console.log(span_Text)

<span id="span_Id">I am the Text </span>

16voto

wle8300 Punkte 2440

Die akzeptierte Antwort ist knapp... aber nicht gut!

Utilisez textContent anstelle von innerHTML wenn Sie unbedingt eine Zeichenkette zurückerhalten möchten.

innerHTML kann den Nebeneffekt haben, dass Sie ein Knotenelement erhalten, wenn andere Dom-Elemente darin enthalten sind. textContent wird dieser Möglichkeit vorbeugen.

5voto

Vishal Thakur Punkte 1316

Sie müssen Ihren Code wie folgt ändern:

<html>
<body>

<span id="span_Id">Click the button to display the content.</span>

<button onclick="displayDate()">Click Me</button>

<script>
function displayDate() {
   var span_Text = document.getElementById("span_Id").innerText;
   alert (span_Text);
}
</script>
</body>
</html>

2voto

Jack Punkte 15067

Deinem anderen Beitrag nach zu urteilen: Wie man den inneren Text eines Spans in PHP erhält . Sie sind ziemlich neu in der Webprogrammierung und müssen die Unterschiede zwischen Code auf dem Client (JavaScript) und Code auf dem Server (PHP) kennenlernen.

Was den richtigen Ansatz zum Abrufen des Textes aus dem Client betrifft, empfehle ich Johns Antwort.

Diese sind ein guter Ausgangspunkt.

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

Auch ich empfehle die Verwendung von jQuery (Sobald Sie einige JavaScript-Praxis haben) wird es die meisten der Cross-Browser-Kompatibilität Probleme, die Sie haben werden zu beseitigen. Aber verwenden Sie es nicht als eine Krücke zu lernen, es ist gut, JavaScript zu verstehen. http://jquery.com/

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X