首页 > 解决方案 > 为什么当 Js 处于活动状态时我的表单只能在 chrome 中工作?

问题描述

要提交我的表单,用户需要通过 html 下拉列表选择您的门票价格。

这是JS代码:

var ticket = document.getElementById('ticket-box');
var member = document.getElementById('member');
var form = document.getElementById('form');

form.style.display = 'none';
ticket.style.display = 'none';

member.addEventListener('change', function() {
  var chosen = member.options[member.selectedIndex].index;


  if(chosen == 1) {
    form.style.display = 'inline-block';
    ticket.style.display = 'inline-block';
    form.selectedIndex = 2;
    form.options[0].style.display = 'none';
    form.options[1].style.display = 'none';
    form.options[2].style.display = 'inline-block';
    form.options[3].style.display = 'inline-block';
    form.options[4].style.display = 'none';
    form.options[5].style.display = 'none';

$(function() {
   $('#btnget').click(function(e) {

      let formValido =  document
    .getElementById("formulario")
    .checkValidity();

      if(formValido){
         $("#formulario")
         .attr("action", $('#form').val())
         .submit();
      }
   })
});
  }  
  });

这仅适用于 chrome(电子邮件仅在 chrome 中发送)。

为什么会这样?

表格链接: http: //www.congressoprotecaodados.com.br/inscricao/form22.html

标签: javascriptjqueryhtml

解决方案


也许您正在使用一些仅支持 chrome 的 javascript 函数或关键字。请参阅 mozilla 开发网络以检查浏览器对任何 javascript 内置函数的支持。


推荐阅读