`
028wz
  • 浏览: 9095 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

表单中用JS使SELECT/OPTION求和

 
阅读更多

使用javascript求和表单（FORM）中的SELECT/OPTION；这里使用了“getElementsByTagName”让JS自动获取了SELECT选中的值做计算。

代码如下：

 

 

测试效果如下：


 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>表单中用JS使SELECT/OPTION求和 - 028工作室</title>
<script type="text/javascript">
function calc() {
    document.getElementById('count').innerHTML = parseInt

(document.getElementsByTagName('select')[0].value) * 1 + parseInt

(document.getElementsByTagName('select')[1].value) *  1;
}
</script>
</head>

<body>
<div class="dinggou">
  <p>第一个选项:
    <select name="c-d" onchange="calc()">
    	<option value="0">0</option>
      <option value="-5000">-500</option>
      <option value="10000">10000</option>
      <option value="20000">20000</option>
      <option value="25000">20000</option>
    </select>
    第二个选项：
    <select name="e-d" onchange="calc()">
    	<option value="0">0</option>
      <option value="30000">30000</option>
      <option value="50000">50000</option>
      <option value="80000">80000</option>
    </select></p>
</div>
<p style="color:#168cbe;">总价格:￥<strong id="count">选择后会自动出现价格

</strong></p>
</body>
</html>

 

分享到：
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics