对于html页面的重置问题

来源：互联网发布：网络监控app都有哪些编辑：程序博客网时间：2024/05/02 01:31

参考路径：http://zhidao.baidu.com/link?url=jJUvANtNX4rWh1FWYBIhh_gkEOGDDq8P2bteBJXnHH299ZNxz-zg6Hf4OXEVpdYG5KaZ-Ku2hnYFQ-jvPF_lKK

我们可以把重置按钮设为一个简单的button按钮，然后给他一个onclick时间，根据此事件进行重置

例如：

<button id="reset" type="button" class="btn btn-default" onclick="selectWeChart()">重置</button>

下列方法中的name值是模糊查询的字段

function selectWeChart (){

document.getElementsByName('query_openid')[0].value = '';

document.getElementsByName('query_member_id')[0].value = '';

document.getElementsByName('query_nickname')[0].value = '';

}

现在呢 我们可以用更为简便的方法（如下）：

<button type="submit" class="btn btn-defaultsearchBtn"><i class="fa fa-search"></i>&nbsp;查询</button>

&nbsp;

<input type="button" id="resetbtn" class="btn btn-default searchBtn" onclick="selectProduct()" value="重 置" />

function selectWeChart (){

$("#searchform").find("input:not(.searchBtn),select").val("");

}

因为咱们的查询和重置都是提交，为了不让按钮出错呢 我们需要过滤掉， searchform这个呢是咱们的表单，我们根据表单呢，把含有searchBtn这个关键字段的值给过滤掉，这样就可以了

0 0