<table>
<tr align="center">
<td>营养早餐</td>
<td>7元</td>
<td>
<label>
<select name="liebiao6" id="leibiao">
<option 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>
</select>
</label>
</td>
</tr>
<tr align="center">
<td>压缩毛巾</td>
<td>5元</td>
<td>
<label>
<select name="liebiao7" id="leibiao">
<option 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>
</select>
</label>
</td>
</tr>
<tr align="center">
<td>标准包</td>
<td>防滑拖鞋1双<br />
中华/黑妹/田七单人洗漱套装1套<br />
打包袋1个<br />
550ml瓶装水1瓶</td>
<td>6元</td>
<td>
<label>
<select name="liebiao8" id="leibiao">
<option 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>
</select>
</label>
</td>
</tr>
<tr align="center">
<td>升级包</td>
<td>高级棉拖鞋1双<br />
7天旅行套装1套<br />
营养早餐1份<br />
打包袋1个<br />
1500ml瓶装水1瓶</td>
<td>20元</td>
<td>
<label>
<select name="liebiao9" id="leibiao">
<option 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>
</select>
</label>
</td>
</tr>
<tr align="center">
<td>全部合计</td>
<td colspan="3">合计多少钱</td>
</tr>
</table>在一个jsp页面里,有几种商品,每种都是固定的,用户只是选择数量(这个用select标签写),如何在用户选择每个物品数量后在该JSP页面的下面显示选择的物品数量以及总价(物品价格已给出)
解决方案 »
- 关于wBox的问题,如何在页面上取到wbox的值
- 从网上找了一个显示特效图片的脚本,想在点击不同的图片时打开不同超链接,请问该怎么实现
- ext中的tabr问题
- 怎样获取下拉列表中value的值?
- 问个关于地址栏传值问题
- 在线求助 :如何把一个带复选框的树,选中其中的复选框,点击button 把选中的节点值移入到div中,移入时也希望移入的时候也带有复选框,也可以把选中的移除?
- 关于FCK编辑器样式问题! 100分求解
- 我做了一个输入界面,旁边有一个查看按钮。。。。。。。看看这种功能如何实现?
- 這個問題有點難啊,高手菜鳥都可來看的.嘻嘻
- 使用百度API中的气泡框中的公交导航总是出错,不知道是哪里的问题?求大神指点啊!!!
- 如何实现特殊页面跳转效果
- [紧急求助]js对iframe加载的影响
<html>
<head><title>TEST PAGE</title></head>
<body>
<script type="text/javascript">
function calTotal() {
var total = 0;
var tblData = document.getElementById("tblData");
for (var i = 0; i<= tblData.rows.length - 2; i++) {
var quantityCellIndex = ((i < 2) ? 2 : 3), unitPriceCellIndex = ((i < 2) ? 1 : 2);
var dropDown = tblData.rows[i].cells[quantityCellIndex].getElementsByTagName("SELECT")[0];
var quantity = dropDown.selectedIndex;
if (quantity > 0) {
var unitPrice = parseFloat(tblData.rows[i].cells[unitPriceCellIndex].innerHTML);
total += unitPrice * quantity;
}
} tblData = null;
document.getElementById("tdTotal").innerHTML = total + "元";
}
</script>
<table id="tblData">
<tr align="center">
<td>营养早餐</td>
<td>7元</td>
<td>
<label>
<select name="liebiao6" id="leibiao" onchange="calTotal();">
<option 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>
</select>
</label>
</td>
</tr>
<tr align="center">
<td>压缩毛巾</td>
<td>5元</td>
<td>
<label>
<select name="liebiao7" id="leibiao" onchange="calTotal();">
<option 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>
</select>
</label>
</td>
</tr>
<tr align="center">
<td>标准包</td>
<td>防滑拖鞋1双<br />
中华/黑妹/田七单人洗漱套装1套<br />
打包袋1个<br />
550ml瓶装水1瓶</td>
<td>6元</td>
<td>
<label>
<select name="liebiao8" id="leibiao" onchange="calTotal();">
<option 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>
</select>
</label>
</td>
</tr>
<tr align="center">
<td>升级包</td>
<td>高级棉拖鞋1双<br />
7天旅行套装1套<br />
营养早餐1份<br />
打包袋1个<br />
1500ml瓶装水1瓶</td>
<td>20元</td>
<td>
<label>
<select name="liebiao9" id="leibiao" onchange="calTotal();">
<option 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>
</select>
</label>
</td>
</tr>
<tr align="center">
<td>全部合计</td>
<td colspan="3" id="tdTotal">合计多少钱</td>
</tr>
</table>
</body>
</html>