如何使用jquery刷新隐藏的表单字段并将其加倍

Question

我有一个非常愚蠢的问题...... 我在wordpress中有一个表单，首先你必须选择一个日期 如果选择了日期1，您只需要填写要保留的座位数（价格30） 如果您选择日期2（下拉菜单），您将获得第二个输入字段，您还可以预订一杯茶（17.50）......

页面底部的

必须是总和 - 到目前为止它正在工作......但如果我再次选择日期1，并返回到日期2，则总和仍然保持在17.50 ...

<script type="text/javascript">
    function einblenden(){
        var land   = document.getElementById('tea-date').selectedIndex;
        if(land == 1) {
document.getElementById('tea').style.display = "block";   
document.getElementById('tea-sum').style.display = "block";
document.getElementById('tea-input').value = ""; }
            else {
document.getElementById('tea').style.display = "none";  
document.getElementById('tea-sum').style.display = "none";
document.getElementById('tea-input').value = "";
}        }
</script> 

<script type="text/javascript">// <![CDATA[
jQuery(document).ready(function(){ 
jQuery("#tea-seat").bind("keyup change", function(e){ var val1 = jQuery("#tea-seat").val(); var val2 = 30; jQuery("#tea-sum").text(val1*val2); }); 
jQuery("#tea-input").bind("keyup change", function(e){ var val3 = jQuery("#tea-input").val(); var val4 = 17.50; jQuery("#tea-cup-sum").text(val3*val4); }); 
});
// ]]></script>

<p>Date*     
        <select name="tea-date" id="tea-date" onchange="einblenden();">
            <option value="1. Oct 2016">1. Oct 2016</option>
            <option value="2. Oct 2016">2. Oct 2016</option>
        </select>
       
<p>Seats*<br />
[number* tea-seats min:1 max:50 default:1 id:tea-seat]</p>

        <div id="tea" style="display: none;">
<p>reserve tea<br>( 17.50 $/cup)<br />
[number cup-tea min:0 max:50 default:0 id:tea-input] Cup/s</p>
        </div>

<p><strong>Total Price of seats: <span id="tea-sum"></span> Money</strong></p>
        <div id="tea-sum" style="display: none;">
<p><strong>Total Price of Tea Cups: <span id="tea-cup-sum"></span> Money</strong></p>
</div>
<p>[submit "submit text"]</p>

有人可以帮助我吗？ ：）

非常感谢