我正在爲電影製作預訂頁面,並希望人們能夠選擇任何給定票據的數量並根據金額更新小計HTML文本所選擇的門票乘以門票價格。基於關閉選擇選項更新文本,乘以票價
HTML
<table id="tickets">
<tr>
<th class="first_column">Ticket Type</th>
<th class="quantity_select">Quantity</th>
<th class="column">Subtotal Price</th>
</tr>
<tr>
<td class="first_column" name="SA">Adult</td>
<td><select class="quantity_select">
<option value="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>
<option value="10">10</option>
</select>
</td>
<td id="subtotal">$xx.xx</td>
</tr>
<tr>
<td class="first_column" name="SP">Concession</td>
<td><select class="quantity_select">
<option value="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>
<option value="10">10</option>
</select></td>
<td>$xx.xx</td>
</tr>
<tr>
<td class="first_column" name="SC">Child</td>
<td><select class="quantity_select">
<option value="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>
<option value="10">10</option>
</select></td>
<td>$xx.xx</td>
</tr>
<tr>
<td class="first_column" name="FA">First Class Adult</td>
<td><select class="quantity_select">
<option value="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>
<option value="10">10</option>
</select></td>
<td>$xx.xx</td>
</tr>
<tr>
<td class="first_column" name="FC">First Class Child</td>
<td><select class="quantity_select">
<option value="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>
<option value="10">10</option>
</select></td>
<td>$xx.xx</td>
</tr>
<tr>
<td class="first_column" name="B1">Beanbag - 1 Person</td>
<td><select class="quantity_select">
<option value="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>
<option value="10">10</option>
</select></td>
<td>$xx.xx</td>
</tr>
<tr>
<td class="first_column" name="B2">Beanbag - 2 People</td>
<td><select class="quantity_select">
<option value="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>
<option value="10">10</option>
</select></td>
<td>$xx.xx</td>
</tr>
<tr>
<td class="first_column" name="B3">Beanbag - 3 Children</td>
<td><select class="quantity_select">
<option value="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>
<option value="10">10</option>
</select></td>
<td>$xx.xx</td>
</tr>
<tr>
<td id="total price">Total Price: </td>
<td id="line_total">$xx.xx</td>
</tr>
這裏是機票價格(截圖來自我的網頁) jQuery的將我需要做到這一點呢?請注意票價的例外情況
什麼jQuery的你到目前爲止已經試過?你有什麼問題? –
形成我的理解您的要求,我認爲最簡單的方法來實現是有一個js方法來計算子總計,然後計算下降時發生任何變化(onChange事件會很好)總數。從會話日期和會話時間信息中,您可以找到確切的門票費率。 >不允許用戶在選擇會話日和會話時間之前選擇票證類型和數量。 >編寫一個方法來計算子總數和總數並相應更新。 – flipper