Question

金额

    <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>

Answer 1

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

<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。

最后，我在引号中附加了许多属性值，并通过结束使用/>代替>来使输入自动关闭。

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

1 个答案: