1

私は次のコードを持っています：

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">

function timeMsg()
{
var t=setTimeout("enterquestion()",900000);
}


function enterquestion()
{
document.getElementById("questions").innerHTML += '<p>'  + document.getElementById("question").value;


}
</script>
</head>
<body>

<h1>Testing Website</h1>
<p id="questions"></p>

<input type="text" name="question" id="question" />
<button type="button" onclick="timeMsg()">Enter question</button>


</body>
</html>

このコードは、ユーザーが質問を入力できるようにし、15分が経過した後に質問のリストに質問を追加するだけです。

コードに対して実行したいのは、質問が表示される場所に「QUESTION RECORDED」というテキストがすぐに表示されるようにすることです。その後、質問を最後に追加するのではなく、「QUESTIONRECORDED」を置き換える必要があります。 QUESTIONRECORDED」というテキストと質問。

複数の質問を同時に入力できるような方法がわかりません。

どんな助けでもありがたいです、

ありがとう！

4

1 に答える 1

0

innerHTML プロパティは、要素のコンテンツ全体を置き換えたいが、子ノードを追加または挿入したくない場合に便利です。そのためには、createElementを使用する方が簡単です。

以下は、あなたを動かすための例です:

<script>
function addDiv(parent, text) {
  var div = document.createElement('div');
  div.appendChild(document.createTextNode(text));
  parent.appendChild(div);
}
</script>

<form action="serverprocess" onsubmit="return false;">
  <input type="text" name="qText" value="Question text">
  <button onclick="
    addDiv(document.getElementById('container'), this.form.qText.value);
  ">Add question</button>
</form>
<div id="container"></div>

上記では、javascript が使用できないかアクティブでない場合、フォームが送信され、サーバー上で処理を行うことができます。利用可能な場合、それはローカルで処理され、フォームは送信されませんが、送信は実際にはアクションの正常な完了に基づいている必要があります。

私はあなたが熟考するためにそれを残しておきます.

于 2012-06-05T00:38:37.813 に答える