66

我有一个 spanclass="span"和一个 hidden field class="dropdown"。

span文本发生变化，我需要抓取文本并将其设置为隐藏字段值的值。

然后我将使用 php（我已经拥有）并使用隐藏字段的名称将文本通过电子邮件发送给我。

我该怎么做？

4

5 回答 5

91 
<script type="text/javascript">
document.getElementById('button1').onChange = function () {
    document.getElementById('hidden_field_id').value = document.getElementById('span_id').innerHTML;
}
</script>
于 2012-04-27T02:01:17.600 回答
50 

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

console.log(span_Text)
<span id="span_Id">I am the Text </span>

于 2014-06-13T06:43:20.913 回答
14

接受的答案很接近......但没有雪茄！

如果您严格希望将字符串返回给您，请使用textContent而不是。innerHTML

innerHTML如果其中还有其他 dom 元素，则可能会产生为您提供 node 元素的副作用。textContent会防范这种可能性。

于 2016-07-29T16:43:26.203 回答
5

您需要更改您的代码如下：

<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>
于 2017-01-05T17:54:00.720 回答
2

从您的另一篇文章来看：如何在 PHP 中获取跨度的内部文本。您是 Web 编程的新手，需要了解客户端代码 (JavaScript) 和服务器代码 (PHP) 之间的区别。

至于从客户端获取跨度文本的正确方法，我推荐 Johns 回答。

这些是开始的好地方。

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

我还推荐使用 jQuery（一旦你有一些 JavaScript 练习），它将消除你将要遇到的大部分跨浏览器兼容性问题。但是不要把它当作学习的拐杖，理解 JavaScript 也很好。 http://jquery.com/

于 2012-04-27T02:06:48.550 回答