php跪求,JS自动计算结果并预览的代码

<form onsubmit="return Juge(this)" method="post" action="a.php" name="vform">
<input type="hidden" name="formhash" value="{FORMHASH}">
<select id="sj" name="sj">

<option value="1">1天</option>

<option value="2">2天</option>

<option value="3">3天</option>

<option value="4">4天</option>
</select>
<input type="submit" value="结算" class="inputs" name="Submit">
</form>

假设这个下拉框变量为$sj
假设每天的单价变量为$jg 设置数值为每天10元

跪求,当选择1天的时候 后面提示 总共10元, 选择2天的时候,显示 总共20元。
我会用代码计算,就是要提交后才行。求在线能让用户自己预览到的,
而且,如果总额变量为$ze 当这个预览数值小余总额的时候,能隐藏提交按钮.
d

求完整代码!谢谢、!好人一生平安!
如图所示

最好这个显示结果 我能在代码里调用 然后余额不足的时候 我隐藏提交框 或者JS提示 不让提交也行。

试编写代码如下:


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
function showJuge()
{
        price = document.getElementById('sj').value*10;
 document.getElementById("JugeTip").innerText = "提示:总共需要" + price + "元";
 
 btn = document.getElementById("btnsubmit");
 if(price<30) 
          btn.style.display = 'none';  
 else
 btn.style.display = 'block';
}
</script>
</head>
<body>
<form onsubmit="return Juge(this)" method="post" action="a.php" name="vform">
<input type="hidden" name="formhash" value="{FORMHASH}"/>
<select id="sj" name="sj" onchange="showJuge()">
 <option value="1">1天</option>
 <option value="2">2天</option>      
 <option value="3">3天</option>
 <option value="4">4天</option>     
</select>    
<input type="submit" value="结算" class="inputs" style="display: none;" id="btnsubmit" name="Submit" />
<div id="JugeTip">提示:总共需要10元</div>
</form>
</body>
</html>
温馨提示:答案为网友推荐,仅供参考
第1个回答  2015-04-22
window.onload=function(){
    js();
    document.getElementById("sj").onchange=function(){
     js();
    }
    function js(){
var jg=10;
var sj=document.getElementById("sj").value;
var ze=sj*jg;
//此处ID改为你显示的提示文本的HTML元素的ID。
document.getElementById("text").innerHTML="总价格为:"+ze;
    }
}

相似回答