手工实现表单重置的部分功能

首先我必须说几乎全部的人都不须要本身实现表单重置的功能，表单重置功能只须要一个reset类型的input就足够了。<input type="reset" />

当你万不得已时，不妨考虑下我下面的作法，但必须作下提醒，如下代码不可取，而当你的表单中使用到的控件很少时，或者你有其余办法时，那么就无须浪费时间阅读下面的代码了

function resetForm(ele) {
    $(ele).closest('table').find('input, select').val(function(){
        if(this.tagName == 'SELECT'){
            var options = this.options;
            var that = this;
            for(var i = 0; i < options.length; i++) {
                if(options[i].defaultSelected){
                    return options[i].value;
                }
            }
            return options[0].value;
        }
        return this.defaultValue;
    }); 
}

我先放上来我正在使用的代码，须要引入jQuery，所以就没有通用性，另外代码中还包含JavaScript原生代码，两种混杂属不可取的地方

将resetForm方法在HTML代码中调用大概是：
<input type="button" onclick="resetForm(this)" />

resetForm方法中只尝试将input和select重置为默认值，input类型的比较简单，直接取该对象的defaultValue（此处我居然不知道这个对象是否是DOM对象）；对于select类型须要对它的全部option进行遍历，判断是不是默认选择（defaultSelected），而后返回该option的值。实际上若是知道哪一个option是默认选择项，也能够将option的序号赋值给select对象的selectedIndex属性而达到重置的效果。

表单中还可能使用radio、checkbox等控件，这里并无打算拓展resetForm功能，不过我认为，这些控件均可以经过它们的默认值（defaultValue）或者默认选择（defaultSelected）相关信息进行重置吧。
（还真无聊）