【问题标题】:not getting output on submitting the form提交表单时没有得到输出
【发布时间】:2021-06-17 19:13:24
【问题描述】:
function display()
        {
            var projectorCost=0,price=0,quantity=0,discountPrice=0,totalCost=0;
            var modelName=document.getElementById('projectormodel').value;
            var quantity=document.getElementById('quantity').value;
            var couponCode=document.getElementById('couponcode').value;
            var res=document.getElementById('result');
            if(modelname=='Mobile Portable Projector')
            {
                price=30000;
                if(couponCode=='EveryCam45P'){
                    projectorCost=quantity*price;
                    discountPrice=projectorCost*0.1;
                    totalCost=projectorCost-discountPrice;
                   
                }
                else if(couponCode='EveryCam48P'){
                    projectorCost=quantity*price;
                    discountPrice=projectorCost*0.15;
                    totalCost=projectorCost-discountPrice;
                    
                }  
            }
            if(modelName=='Lumen DLP Projector'){
                price=31000;
                if(couponCode='EveryCam45P'){
                    projectorCost=quantity*price;
                    discountPrice=projectorCost*0.1;
                    totalCost=projectorCost-discountPrice;
                    
                }
                else if(couponCode='EveryCam48P'){
                    projectorCost=quantity*price;
                    discountPrice=projectorCost*0.15;
                    totalCost=projectorCost-discountPrice;
                    
                }
            }
            document.getElementById("res").innerHTML='Your order is successfully placed and you need to pay Rs.'+totalCost;
            return false;
        }

我的 html 和 CSS 很好,但问题在于 js 代码 在提交表单时,它不打印结果 ID 的内部 HTML 我认为我以错误的方式编写了 javascript 请指导我,因为我是这门语言的初学者

【问题讨论】:

  • 请添加一些 HTML 开头
  • 我们需要查看相关的 HTML,以及触发display() 函数的任何内容。另外,功能是否被触发?如果是这样,您在函数中计算的值是否给您预期的结果?
  • 您还应该将数量变量解析为数字。输入返回字符串而不是数字。当您对这些变量进行数学运算时,该值将被视为字符串。
  • 一个问题:您在提交时触发了函数,但并未阻止提交按钮的默认操作。

标签: javascript html css web


【解决方案1】:

可能有问题var res=document.getElementById('result'); 应该是var res=document.getElementById('result').value; 如果你想要价值。如果你想要内部 HTML var res=document.getElementById('result').innerHTML 否则添加您的 HTML 文件以便更好地理解

【讨论】:

  • @devlin carnate 我添加了 html,因为在编辑问题时它说的代码行数过多。请允许我在这里发布 html
猜你喜欢
  • 1970-01-01
  • 2019-10-15
  • 1970-01-01
  • 1970-01-01
  • 2017-07-07
  • 1970-01-01
  • 1970-01-01
  • 2019-06-05
  • 1970-01-01
相关资源
最近更新 更多