Question

js怎么获取form表单中所有的input和select

var FormStr = document.getElementById(form).getElementsByTagName("input")||document.getElementById(form).getElementsByTagName("select");
for(Y=0;Y<FormStr.length;Y++)
{
alert("表单")
}
这样写法不对啊

难道只能先遍历完input后再遍历select ？？

有没有合在一起的方法？

目的是获取form表单中所有的input和select

Answer 1

<script type="text/javascript">

    // 获取指定form中的所有的<input><select>对象

    function getElements(formId) {

        var form = document.getElementById(formId);

        if(form == null){

            return false;

        }

        var elements = new Array();

        var inputTagElements = form.getElementsByTagName('input');

        for (var j = 0; j < inputTagElements.length; j++) {

            elements.push(inputTagElements[j]);

        }

        var selectTagElements = form.getElementsByTagName('select');

        for (var j = 0; j < selectTagElements.length; j++) {

            elements.push(selectTagElements[j]);    

        }

        return elements;

    }

扩展资料：

form表单提交

在form标签中添加Action(提交的地址)和method(post)，且有一个submit按钮。

（<input type='submit'>）就可以进行数据的提交，每一个input标签都需要有一个name属性，才能进行提交。

当点击登陆时，向数据库发生的数据是：username=username&password=password.

这种默认的提交方式，一般会进行页面的跳转(不成功时跳转到当前页面)。而有时候是对弹出框进行数据提交的，希望提交成功则关闭弹出框并刷选父页面，失败则提示失败原因，且弹出框不关闭。此时可以采用Ajax进行数据提交。

Answer 2

可以获取form对象，然后获取它的所有子元素，并判断元素类型是不是input或select.

var ff=document.forms[0];
for (var i=0;i<ff.elements.length;i++)
{
var ee=ff.elements[i];
if("INPUT"==ee.tagName||"SELECT"==ee.tagName){
//处理代码
};
}