多个变量值

时间:2010-11-09 14:37:59

标签: javascript

我只是在学习JavaScript。我现在正在做的是在我的联系表格中尝试传递价值。

function calculate(){
    var dr1=document.getElementById('numimg');
    var resultdrop=document.getElementById('total');
    resultdrop.value=0;
    resultdrop.value=parseInt(resultdrop.value);
    for(i=0;i<dr1.length;i++)
        if(dr1.options[i].selected)
            resultdrop.value=parseInt(resultdrop.value)+parseInt(dr1[i].value);
}

这一切都很好。如果我想将多个变量传递给resultdrop.value

,则会出现问题
var dr1=document.getElementById('numimg');
var dr2=document.getElementById('numimg1');

不确定如何解决这个问题。有人可以帮帮我吗?

1 个答案:

答案 0 :(得分:1)

如果我不得不猜测,我会说你的HTML可能看起来像这样:

<select id="numimg" name="numimg">
<!-- Some Options -->
</select>
<select id="numimg1" name="numimg1">
<!-- Some Options -->
</select>
<select id="numimg1" name="numimg1">
<!-- Some Options -->
</select>

问题是每个id 必须在整个HTML文档中都是唯一的。如果您需要收集多个DOM元素,您可以:

  1. 使用document.getElementsByTagName并迭代该集合,提取您需要的内容。
  2. 使用document.querySelectorAll根据CSS样式查询准确提取所需内容。
  3. 使用库来为您提供浏览器之间的差异。 (我建议使用jQuery,但Mootools,Dojo和YUI是其他一些不错的选择。)
  4. 但正如我所说,只是一个猜测 - 如果我们能看到你的HTML有助于解决这个问题。