javascript - JSを使用してフォームから注文のリストを印刷する

Question

私はずっと検索してきましたが、私の簡単な質問に対する答えが見つからないようです。基本的にこのフォームとtextarea以下を作成しましたが、注文番号（同じフォームを使用して複数の注文を行うことができます）をtextarea下に表示して、注文番号を横に表示したいと思います。

どうしたらいいのかわからない。私の問題は、最初の投稿に乗り続けるだけで、番号を増やすことができないことです。どんな助けでも素晴らしいでしょう！

これが私のフォームです...

<div id="wrapper">
<h2>EMARKS REQUEST FORM</h2>
<table border="1">
<form id="requestForm">
<tr>
    <td>ID</td>
    <td><input type="text" class="inputText" id="id"/></td>
</tr>
<tr>
    <td>Course Number</td>
    <td><input type="text" class="inputText" id="courseNum" /></td>
</tr>
<tr>
    <td>Description</td>
    <td><input type="text" class="inputText" id="des" /></td>
</tr>
<tr>
    <td>Distance Education</td>
    <td id="checkBox"><input type="checkbox" id="distance"/></td>
</tr>
<tr>
    <td>Additional Marks</td>
    <td><input type="text" class="inputText" id="marks" /></td>
</tr>
</table> <br/>
Number of Courses <input type="text" value="0" /> Total Cost <input type="text" value="0" id="totalCost" /> <br/> <br/>
<h2 style="display:inline">Reasons:</h2>
<input type="radio" value="Doctor Note" />Doctor Note <input type="radio" value="Lack of Work" />Lack of Work <input type="radio" value="Some Compassion" />Some Compassion <br/><br/>
<input type="button" value="Go for It" onclick="getPrice()" /> <input type="button" value="Clear and Reset" />
<select>
    <option value="First Time User">First Time User</option>
    <option value="Frequent Flier">Frequent Flier</option>
    <option value="Buying a Degree">Buying a Degree</option>
</select>
<h2>Summary of Your Request(s)</h2>
<textarea rows="10" cols="63" id="summary">
test
</textarea> <br/>
<h2>Danger Range</h2>
<textarea rows="10" cols="63">
test
</textarea> 
</form>
</div>

そして私のJavascript

var itemNum = 0;
itemNum++;
var textBoxes = itemNum + " " + document.getElementById("id").value + " " + document.getElementById("courseNum").value + " " + document.getElementById("des").value + " " + document.getElementById("marks").value +" " + totalCost.value;
                var summaryInfo = textBoxes;
            summary.text = summaryInfo;

Answer 1

問題はここにあります：

summary.text = summaryInfo;

プロパティはvalue、ではありませんtext。

Answer 2

+ =を使用して、既存の文字列に文字列を追加します。

summary.value += summaryInfo

また、itemNumを0に初期化し、実行するたびに1ずつインクリメントします。必要な効果を得るには、一度初期化してから、毎回インクリメントする必要があります。

var itemNum = 0;

function MyButtonClickHandler()
{
  itemNum++;
  var textBoxes = itemNum + " " + document.getElementById("id").value + " " +   document.getElementById("courseNum").value + " " + document.getElementById("des").value + " " + document.getElementById("marks").value +" " + totalCost.value;
                var summaryInfo = textBoxes;
  summary.value += summaryInfo;
} 

Answer 3

ここに3つの問題があります：-

1. formタグが正しい場所で開閉されない
2. summary変数は宣言されていません。

3. minitechが言ったように、と呼ばれるプロパティはありませんtext。ですvalue。

   • このようにしてください

      document.getElementById("summary").value = textBoxes;
     

Answer 4

If(itemnum==""){
Itemnum=1;
}
Else
{
Itemnum=Itemnum+1;
}

構文を確認してください