66

スパンとclass="span"隠しフィールドがあります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要素がある場合、ノード要素を与えるという副作用があります。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

あなたの他の投稿から判断する: 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/

于 2012-04-27T02:06:48.550 に答える