使用JS从表单中打印出订单列表

时间:2013-03-03 15:21:14

标签: javascript forms loops textarea

我一直在寻找,似乎无法找到我简单问题的答案。基本上我已创建此表单并在下面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;

4 个答案:

答案 0 :(得分:0)

问题出在这里:

summary.text = summaryInfo;

该属性为value,而非text

答案 1 :(得分:0)

使用+ =将字符串附加到现有字符串。

summary.value += summaryInfo

此外,您正在将itemNum初始化为0,然后在每次执行时将其递增1。你需要将它初始化为ONCE,然后每次都增加它,以获得你想要的效果。

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;
} 

答案 2 :(得分:0)

这里有三件事,你有问题: -

  1. form标记未在正确的位置打开/关闭
  2. summary变量未声明。
  3. 正如 minitech 所说,没有名为text的属性。它是value

    • 这样做

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

答案 3 :(得分:0)

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

请检查语法