乘以两个字段(一个字段是标签，另一个是文本框)，并在标签JavaScript中显示

Question

我已经找到了几天前我在这里发布的一个问题的答案，现在我遇到了另一个问题。我正在尝试多个具有修复值的标签，该标签可以根据单击而更改。这是要在文本字段中乘以另一个数字，然后在标签中显示。

这是您可以看到我要处理的三个领域的形式的细分市场：

<td class="cbFormLabelCell cbFormLabel">Ticket Price</td>
<td  class="cbFormNestedTableContainer">
<table  class="cbFormNestedTableCellspacing cbFormNestedTable">
<tr>
<td class="cbFormDataCellNumberDate"><span class="cbFormData">$100.00</span>
<input type="hidden" name="InsertRecordTicket_Price" value="100.00"/></td>
</tr>
</table>
</td>
</tr>
<tr class="cbFormTableEvenRow">
<td class="cbFormLabelCell cbFormLabelRequired"><label for="InsertRecordNumber_of_Tickets" >Number of Tickets<span class="cbFormRequiredMarker">*</span></label></td>
<td class="cbFormFieldCell"><input type="text" maxlength="3" name="InsertRecordNumber_of_Tickets" id="InsertRecordNumber_of_Tickets" value=""  class="cbFormTextField"  size="3" /></td>
</tr>
<tr class="cbFormTableRow">
<td class="cbFormLabelCell cbFormLabel">Total Amount</td>
<td class="cbFormDataCell">
<span class="cbFormData">&nbsp;</span>
<input type="hidden" name="cbParamVirtual4" value=""/></td>

这是我试图从上面使用表格的Java脚本代码：

var Ticket_PriceField = document.getElementById('InsertRecordTicket_Price');
var Number_of_TicketsField = document.getElementsById('InsertRecordNumber_of_Tickets');
//I would like to know which way to go with the total field?  I have put both otpions down below.
var totalField = document.querySelectorAll('span[class^="cbParamVirtual4"]')[0];
var totalField = document.getElementById('cbParamVirtual4');
var calculateTotal = function (event)
{
// TODO: Do something on value change -->
totalField.innerHTML = Ticket_PriceField.value * Number_of_TicketsField.value;
}
// Run total calculation on input 
Number_of_TicketsField.addEventListener('input', calculateTotal);

也只是为了通知您，我没有在代码柜中对此进行处理。这是一个自定义系统，我可以对此进行一些操纵，但不知道我可以对该系统进行多少操作。因此，我不能只编辑表格并使其正常工作。我已经以这种方式测试了代码，它的工作原理。我想我现在只是缺少一些小东西。我可以进入系统中的自定义JavaScript，但仅此而已。无html编码。

如果你们中的任何一个可以为此提供一些帮助，我将非常感谢。

Answer 1

用于获取TotalField使用GetElementsByname。请参阅：https：//www.w3schools.com/jsref/met_doc_getelementsbyname.asp。

示例：

var totalField = document.getElementsByName('cbParamVirtual4')[0];

使用值属性设置总字段的值：

if (totalField != null) {
    totalField.value = Ticket_PriceField.value * Number_of_TicketsField.value;
}

您的其余代码看起来都很好。