我的class="span"
范围和隐藏字段class="dropdown"
。
span
文本发生了变化,我需要抓取文本并将其设置为隐藏字段值的值。
然后我将使用php(我已经拥有)并使用隐藏字段的名称向我发送文本。
我该怎么做?
答案 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/