javascript - 如何根据 Prototype 中包含字符串的属性值选择所有元素

Question

这是我的场景。

我在页面中有以下输入。

<input name="myInput[field1]" value="field1value" type="text" />

<input name="myInput[field2]" value="field2value" type="text" />

<select name="myInput[select1]">
   <option value="1" selected="selected">Option 1</option>
   <option value="2">Option 2</option>
   <option value="3">Option 3</option>
</select>

使用 Prototype，我试图选择包含myInput在name属性中的所有字段并遍历每个字段以将它们的值附加到变量中，如下所示：

var myVar = field1Value + field2Value + select1Value;

这可能吗？

Answer 1

未经测试：

var myVar;
$$('input[name="myInput"]').each(function(i) {
    myVar += $(i).value; // Might be $(this).value
});

我不再编写原型代码了，但我认为会起作用。如果没有，它应该让你足够接近以完成它。

Answer 2

正确的解决方案如下：

var myVar;
$$('[name^="myInput"]').each( function(i) {
   myVar += i.value;        
});

它们是选择所有输入的关键，myInput在它们的name属性中包含使用^符号前的=符号。实现这[name^="myInput"]一点的正确选择器也是如此。

Answer 3

您还可以将类添加到您想要总结的任何字段，如下所示

var sum = 0;
$$('.addthese').each(function(i){
    sum += i.getValue()
});

这使它更加灵活，因为您不必担心表单元素的名称，只要它应用了类，就会添加值

我使用了该getValue()方法，因为它可以解决某些表单元素value在 DOM 中没有属性的问题。