Javascript会闪烁一秒钟，但不会在文本框中打印

金额

    <script type="text/javascript">
        <!--
         function interestVal() 
            {
                var x = document.Amounts.valOfCar.value;
                var y = document.Amounts.interestofCar.value;
                var z = x+y;
                document.Amounts.carInterest.value=z;
            }
        -->
    </script>

</head>
<body background="bg.jpg">
        <p>Calculate the cost of your car</p> 
        <form name = Amounts> 
            <p>Value of a car <input type="text"  value="" name=valOfCar></p>
            <p>Interest @15% <input type="text" value="" name=interestofCar></p>
            <p>Value + Interest<input type="text" name=carInterest></p>
            <p><input type=submit value=Calculate onClick=interestVal()></p>
        </form>
</body>

开始吧。我只需要复制你的代码并运行它就可以重现你的问题。这个代码会运行的。我所做的主要更改(我认为这是问题的根源(是从提交类型的输入更改为按钮。作为提交，它正在进行回发，这导致控件的内容消失。使用按钮可以避免回发。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <script type="text/javascript">
        <!--
     function interestVal() {
         var x = document.Amounts.valOfCar.value;
         var y = document.Amounts.interestofCar.value;
         var z = x * y;
         document.Amounts.carInterest.value = z;
     }
        -->
    </script>

</head>
<body background="bg.jpg">
        <p>Calculate the cost of your car</p> 
        <form name = "Amounts"> 
            <p>Value of a car <input type="text"   name="valOfCar" /></p>
            <p>Interest @15% <input type="text"  name="interestofCar" /></p>
            <p>Value + Interest<input type="text" name="carInterest" /></p>
            <p><button type="button" onclick="interestVal();" >Calculate</button></p>
        </form>
</body>
</html>

另一个潜在的问题是，通过对x和y求和，可以得到它们的级联结果，这可能不是您想要的。我把它改为x乘以y。

最后，我用引号括起了许多属性值，并通过用/>而不是>结束来使输入自关闭。

相关内容

最新更新

热门标签：