获取Span Text的值

时间:2012-04-27 02:00:01

标签: javascript html

我的class="span"范围和隐藏字段class="dropdown"

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

然后我将使用php(我已经拥有)并使用隐藏字段的名称向我发送文本。

我该怎么做?

5 个答案:

答案 0 :(得分:61)

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

答案 1 :(得分:27)

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

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

答案 2 :(得分:8)

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

如果您严格要求将字符串返回给您,请使用textContent代替innerHTML

innerHTML可能会产生副作用,如果其中有其他dom元素,则会为您提供一个节点元素。 textContent将防范这种可能性。

答案 3 :(得分: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>

答案 4 :(得分:2)

根据您的其他帖子判断:How to Get the inner text of a span in PHP。您对Web编程很陌生,需要了解客户端代码(JavaScript)与服务器代码(PHP)之间的差异。

至于从客户端获取跨区文本的正确方法,我建议约翰斯回答。

这是一个开始的好地方。

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/