Question

这是我第一次尝试使用javascript并首先发布此处。我试图从两个下拉框中显示一个简单的值乘法结果。因此，用户从每个中选择一个值，点击按钮并获得A * B.它是如何工作的但是如果他们改变他们的答案并尝试提交一个新的数字，那么第二个结果将附加到第一个结果。我为我的生活无法让领域重置。我尝试过.replaceWith（result）而不是.append（result）来解决这个问题但是用户根本无法进行第二次选择。

任何帮助非常感谢！此外，很想知道它是否可以用逗号作为千分隔符输出。

Answer 1

你做得很棒。只需在显示新结果之前隐藏上一个结果，然后使用html显示结果。

 <script>
   $(document).ready(function(){
   $('#multiply').click(function(event){


   event.preventDefault();
    var n1=$('#box1').val();
    var n2=$('#box2').val();
    var result=Math.round(n1*n2 /52);
    $("#result2").hide();


    $('#resultholder2').fadeIn(200);
    $('#number1').append(n1);
    $('#number2').append(n2);
    $('#result2').html(result);
     });
     });
     </script>

Answer 2

这是您的javascript代码。

`$(document).ready(function(){ 
     $("select").change(function(){
        var n1=$('#box1').val();
        var n2=$('#box2').val();
        var result=Math.round(n1*n2 /52);
        if(!isNaN(result))
            $("#result2").text(result);
     });
});`

Answer 3

试试这个：

$('#result2').text('');

在为结果元素赋值之前使用此语法。

多个两个下拉框onclick没有附加

3 个答案: