使用JQuery/Javascript动态计算HTML值

我想创建一个表，其中动态值根据用户选择的值显示在列中。下面是我的代码。因此，基本上，根据被选择的成年人和儿童的数量，价格会被计算出来。因此，如果有人选择了1名成人和0名儿童，那么2天票的金额应该是235美元，3天票的金额应该是301美元，依此类推。我希望在SelectBox的选择更改方法上完成此操作。我对JQuery也不是很熟悉。我如何使用JQuery来实现这一点

Ages 10+:


<select id="Adult" name="Adult">
<option selected="selected" value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>



Ages 3-9:

<select id="Child" name="Child">
<option selected="selected" value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>

<table width="800" border="1" align="center">
  <tr>
    <td width="224">Product</td>
    <td width="246">Ages 10+</td>
    <td width="192">Ages 3-9</td>
    <td width="110">Price</td>
  </tr>
  <tr>
    <td>2 Day Ticket</td>
    <td>$235.00</td>
    <td>$223.00</td>
    <td>$<span class="amount"></span> </td>
  </tr>
  <tr>
    <td>3 Day Ticket</td>
    <td>$301.00</td>
    <td>$285.00</td>
    <td>$<span class="amount"></span></td>
  </tr>
  <tr>
    <td>4 Day Ticket</td>
    <td>$315.00</td>
    <td>$298.00</td>
    <td>$<span class="amount"></span></td>
  </tr>
  <tr>
    <td>5 Day Ticket</td>
    <td>$328.00</td>
    <td>$309.00</td>
    <td>$<span class="amount"></span></td>
  </tr>
</table>

10岁以上：
0
1.
2.
3.
4.
5.
6.
7.
8.
9
3-9岁：
0
1.
2.
3.
4.
5.
6.
7.
8.
9
产品
10岁+
3-9岁
价格
两天票
$235.00
$223.00
$ 
三天票
$301.00
$285.00
$
四天票
$315.00
$298.00
$
五天票
$328.00
$309.00
$

以下是完成您试图完成的任务的完整代码。我在总数中加了一些id。有关工作示例，请参见。最好不要硬编码这些值，但这是一个起点

var numAdult = 0;
var numChild = 0;

$("#Adult").change( function(){
    numAdult = $("#Adult").val();
    calcTotals();
});
$("#Child").change( function() {
    numChild = $("#Child").val();
    calcTotals();
});

function calcTotals(){
    $("#2DayTotal").text(235*numAdult + 223*numChild);
    $("#3DayTotal").text(301*numAdult + 285*numChild);
    $("#4DayTotal").text(315*numAdult + 298*numChild);
    $("#5DayTotal").text(328*numAdult + 309*numChild);
}

---

下面是完成您要做的事情的完整代码。我在总数中加了一些id。有关工作示例，请参见。最好不要硬编码这些值，但这是一个起点

var numAdult = 0;
var numChild = 0;

$("#Adult").change( function(){
    numAdult = $("#Adult").val();
    calcTotals();
});
$("#Child").change( function() {
    numChild = $("#Child").val();
    calcTotals();
});

function calcTotals(){
    $("#2DayTotal").text(235*numAdult + 223*numChild);
    $("#3DayTotal").text(301*numAdult + 285*numChild);
    $("#4DayTotal").text(315*numAdult + 298*numChild);
    $("#5DayTotal").text(328*numAdult + 309*numChild);
}

---

就像我说的，我对JQuery非常陌生，你能帮我编写代码吗。我知道计算结果，但我不确定应该将哪些代码放在哪里，以便我的跨度量能够正确显示，所有代码都由NuclearHost在上面为您列出。需要一些造型，但它可以按照你的要求工作。太棒了。工作起来很有魅力。非常感谢@NuclearGhost。非常感谢你在这方面的帮助。@developer不客气。这段代码当然可以改进，以循环行并提取值，但我想让您开始。就像我说的，我对JQuery非常陌生，您能帮助编写代码吗。我知道计算结果，但我不确定应该将哪些代码放在哪里，以便我的跨度量能够正确显示，所有代码都由NuclearHost在上面为您列出。需要一些造型，但它可以按照你的要求工作。太棒了。工作起来很有魅力。非常感谢@NuclearGhost。非常感谢你在这方面的帮助。@developer不客气。这段代码当然可以改进，以循环行并提取值，但我想让您开始。我知道计算，但不知道如何使用JQuery在每个td跨度中显示它。我知道计算，但不知道如何使用JQuery在每个td跨度中显示它。