难为人,js执行后页面就自动刷新,导致表格数据都更改了,却又瞬间刷新回没执行前的状态。
图中是个form表单,搜索按钮是button,但该表单没有submit,点击搜索就进行js处理底下的表格。
<form action="#" name="form_search" >
搜索名称:<input name="s_name" id="s_name99" type="text">
搜索手机号:<input name="s_phone" id="s_phone99" type="text">
状态:
<SELECT id="s_status99" name="s_status99" >
<OPTION value="全部" >全部 </OPTION>
<option value="启用">启用</option>
<option value="禁用">禁用</option>
</SELECT>
<button onclick="search2()" value="搜索" >搜索</button>
</form>
上边是未修改代码,执行后结果如下:
可以看到点击后,出现了结果,然后就又被刷新了。
Resolve
问题发生在form表单里的button没有type属性