问题

页面上有一个查询按钮为 Button 标签,点击查询按钮后会自动刷新页面,令人费解,查资料后发现是 button 的默认行为导致的。

<button class="btn btn-default active" id="btnAdd" click="selectData()">查询</button>

原因

button,input type=button 按钮在 IE 和 w3c,firefox 浏览器区别:
1、当在 IE 浏览器下面时,button 标签按钮,input 标签 type 属性为 button 的按钮是一样的功能,不会对表单进行任何操作。
2、但是在 W3C 浏览器,如Firefox下就需要注意了,button 标签按钮会提交表单,而input 标签 type 属性为 button 不会对表单进行任何操作。

解决办法

方法一:将 button 标签更换为 input

<input class="btn btn-default active" id="btnAdd" value="查询" onclick="selectData()"></input>

方法二:为 button 按钮增加一个 type=”button” 属性

<input type="button" class="btn btn-default active" id="btnAdd" value="查询" onclick="selectData()"></input>
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐