怎样获取指定form中的某个元素

Question

<form id="form1" name="form1">
<input id="company" type="text" name="pattern" size="30" value=""/>
........
</form><form id="form2" name="form2">
<input id="company" type="text" name="pattern" size="30" value=""/>
........
</form>
像上面这样，我一个jsp页面上有很多form，每个form中有一些相同的元素，在script中我怎样来取指定的某个form中的那个元素呢，不一定是input，也可能是选择框或者按钮之类的。试过很多种方法，又不想改变元素的id，因为那样，我脚本中的方法就要写很多遍了，只是元素不一样而已。谢谢！

Answer 1

使用jquery
$("#form2").find("#company")

Answer 2

谢谢，没法用jquery，完全只是个静态展示页面，我也想用jquery啊。

Answer 3

应该可以指定某个form里的某个元素吧。

Answer 4

方法很多，除了通过id直接选取外，还可以通过getElementsByTagName()、getElementsByName()来获取，比如：
var obj = document.getElementById('form1').getElementsByTagName('input');
alert(obj[1].value); //form1表单中第2个input元素的值var obj = document.getElementById('form2').getElementsByName('pattern');
alert(obj[2].value); //form2表单中第3个name值为pattern的表单元素的值

Answer 5

<script type="text/javascript">
function init(){
var els=document.getElementById("form1").elements;
for(var i=0;i<els.length;i++){
if(els[i].id=="company"){
alert(els[i].tagName);
}
}
}
window.onload=init;
</script>
这样试试