【问题标题】:JavaScript: I have an array. I want to check if the first element is a fieldsetJavaScript:我有一个数组。我想检查第一个元素是否是字段集
【发布时间】:2011-04-29 11:39:23
【问题描述】:

好的,这就是我最初的问题。您不必阅读它,但如果它有帮助:Firefox thinks <fieldset> is a form element; Chrome doesn't

基本上,Firefox 和 IE 将我的 HTML 中的字段集计为我的数组中的一个元素,这会搞砸一切。但谷歌浏览器不将字段集计为数组元素。如果浏览器对字段集进行计数,我试图通过以一种方式设置新数组来解决问题,如果是,则以另一种方式设置它。这是我的代码。我认为问题出在 if 语句上。

var $ = function (id) { return document.getElementById(id); }

function check() {
var x = $("myForm");

var user = new Array();
var type = x.elements[0].type;
    if (x.elements[0].nodeName=="fieldset") {
    user[0] = x.elements[1].value;
    user[1] = x.elements[3].value;
    user[2] = x.elements[5].value;
    user[3] = x.elements[2].value;
    user[4] = x.elements[4].value;
    user[5] = x.elements[6].value;
} else {
    user[0] = x.elements[0].value;
    user[1] = x.elements[2].value;
    user[2] = x.elements[4].value;
    user[3] = x.elements[1].value;
    user[4] = x.elements[3].value;
    user[5] = x.elements[5].value;
}

var answers = new Array();
answers[0] = "sample1";
answers[1] = "sample2";
answers[2] = "sample3";
answers[3] = "sample4";
answers[4] = "sample5";
answers[5] = "sample6";

var display = new Array();
for (var i=0;i<6;i++) {
    if (user[i] == "") {
        display[i] = "You entered nothing.";
        }
    else if (user[i] == answers[i]) {
        display[i] = "Correct!";
        }
    else {
        display[i] = "Wrong. The correct answer is \"" + answers[i] + "\".";
        }
    }
alert(display[0] + "\n" + display[1] + "\n" + display[2] + "\n" + display[3] + "\n" + display[4] + "\n" + display[5]);
}

【问题讨论】:

  • 你能显示html或将示例发布到jsbin.com

标签: javascript html firefox dom google-chrome


【解决方案1】:

您遇到的问题主要是因为nodeName通常返回大写文本(取决于浏览器),并且您将其与小写fieldset进行比较。为了使其保持一致,您应该使用字符串的toLowerCase 函数。

关于条件:我认为更优雅的方法是创建一个不带&lt;fieldset&gt; 的新filtered 数组并提交按钮。

最后,创建数组的方式涉及到过多的输入。

我建议你使用 literal notation 来创建 ArraysObjects

[Demo]点击预览

function $(id) { return document.getElementById(id); }

var filtered = [];
var elements = $("myForm").elements;
var len = elements.length;

// opt out fieldsets and submit buttons
for (var i = 0; i < len; i++) {
  var el = elements[i];
  if (el.nodeName.toLowerCase() != "fieldset" && el.type != "submit") {
    filtered.push(el);
  }
}

// specify an order (of indices)
var user = [1, 3, 5, 2, 4, 6];

// then replace numbers with element 
// values  from the filtered array
for (var i = 0; i < user.length; i++) {
  user[i] = filtered[ user[i] ].value;
}

【讨论】:

  • 如果您与“fieldset”进行比较,似乎应该是 toLowerCase()。
  • 天哪,我有这么累吗?谢谢:)
猜你喜欢
  • 2023-01-23
  • 2014-09-12
  • 2015-09-15
  • 1970-01-01
  • 1970-01-01
  • 2018-08-30
  • 2014-09-01
  • 2020-12-03
相关资源
最近更新 更多