美文网首页
jquery重置form表单!

jquery重置form表单!

作者: DragonersLi | 来源:发表于2018-06-24 00:29 被阅读41次

form 自带reset按钮并不能真正重置表单,当表单有默认值时。所以写js方法调用,来清空form表单。

#html代码
<form>
<input type='text' name='username' value='admin'>
<input type='password' name='password' >
<select>
<option value=0>请选择</option>
<option value=1>是</option>
<option value=2>否</option>
</select>
                <input type="submit"  value="搜索" >
                <input type="reset"  value="重置" >
                <input type="button"  value="重置"  onclick="formReset();">
</form>

#js代码

<script type="text/javascript">
function formReset(){
    $("input[type='text']").val("");  #清空text

    $("select").each(function(i,n){ #清空select
        $(this).find("option").eq(0).attr("selected",'selected');
    });

}
</script>


相关文章

网友评论

      本文标题:jquery重置form表单!

      本文链接:https://www.haomeiwen.com/subject/ytcfhftx.html