使用表单上的javascript选择更改时重置值

时间:2017-04-30 04:30:29

标签: javascript forms select reset

我正在向用户显示KG或Stone字段,如果用户选择A,则隐藏B,反之亦然。问题是如果用户填写KG并切换到石头,它将发送两个值。

选择A时,问题是重置B的值。

我尝试过设置B的文本字段的ID以在交换机javascript中重置,因此当设置一个值时,使用以下方法重置另一个值:

document.getElementById("reset").defaultValue;

除了我从其他问题中找到的许多其他事情,但没有成功。任何人都能指出我正确的方向吗?

JAVASCRIPT

<script>
$(document).ready(function () {
    toggleFields(); 
    $("#dbType").change(function () {
        toggleFields();
    });

});
function toggleFields() {
    if ($("#dbType").val() === "stone"){
        $("#stone").show();
         $("#kg").hide();
}
    else if ($("#dbType").val() === "kg"){
        $("#kg").show();
        $("#stone").hide();
    }
}
</script>

HTML

<div id="stone">    
 <input class="inputfield" type="text" id="reset" name="stone" />

 <input class="inputfield" type="text" id="reset" name="pounds" />
    </div>

    <div id="kg">
   <input class="inputfield" type="text" name="kg"/>
    </div>

1 个答案:

答案 0 :(得分:0)

只需使用您已有的xpath("*[name(.) !='script']/text()") xpath('*[not(script)]/text()'] xpath('node(not(script))/text()') 方法进行重置:

function calc_gallons() {
        var averagempg = parseInt(document.getElementById("averagempg").value):
        var gallons = 0;
        var total = 0;
        var myroute = result.routes[0];
        for (var i = 0; i < myroute.legs.length; i++) {
          total += myroute.legs[i].distance.value;
        }
        total = (total / 1000)*0.621371;
        document.getElementById('total').innerHTML = total;
        if averagempg > 0 {
            gallons = total / averagempg
            alert('This trip requires' + gallons + 'gallon(s). Have safe travels!')
        }
        else {
            alert('Your average MPG must be a positive number in order to calculate the gallons required for this trip.')
        }
      }

toggleFields更改为您要将其重置为的任何内容。