Получить значение Span Text

У меня есть span с class="span" и скрытое поле class="dropdown".

Текст span изменяется, и мне нужно захватить текст и установить его как значение скрытого значения поля.

Затем я буду использовать php (у меня уже есть) и использовать имя скрытого поля, чтобы отправить мне текст.

Как мне это сделать?

Ответы

Ответ 1

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

Ответ 2

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

console.log(span_Text)

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

Ответ 3

Принятый ответ близок... но нет сигары!

Используйте textContent вместо innerHTML, если вы строго хотите, чтобы строка была возвращена вам.

innerHTML может иметь побочный эффект от предоставления вам элемента node, если там есть другие элементы dom. textContent будет защищать эту возможность.

Ответ 4

Вам нужно изменить свой код, как показано ниже:

<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>

Ответ 5

Судя по вашему другому сообщению: Как получить внутренний текст диапазона в PHP. Вы совершенно новичок в веб-программировании, и вам нужно узнать о различиях между кодом на клиенте (JavaScript) и кодом на сервере (PHP).

Что касается правильного подхода к захвату текста диапазона от клиента, я рекомендую ответить Джона.

Это хорошее место для начала работы.

JavaScript: https://stackoverflow.com/info/11246/best-resources-to-learn-javascript

PHP: https://stackoverflow.com/info/772349/what-is-a-good-online-tutorial-for-php

Также я рекомендую использовать jQuery (после того, как у вас есть практика JavaScript), это устранит большинство проблем с совместимостью между браузерами, которые у вас будут. Но не используйте его как костыль, чтобы учиться, хорошо понимать JavaScript тоже. http://jquery.com/