javascript - 一段JQ代码在Chrome和Firefox下的BUG
本文介绍了javascript - 一段JQ代码在Chrome和Firefox下的BUG的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<table id="table">
<input type="hidden" id="num" value="1">
<tr>
<td><input type="text" name="test1"></td>
<td><span style="border:1px solid;cursor:pointer;" onclick="add()"> + </span></td>
</tr>
</table>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
function add(){
var num=$("#num").val();num++;
var str='<tr><td><input type="text" name="test'+num+'"></td><td><span style="border:1px solid;cursor:pointer;" onclick="add()"> + </span></td><tr>';
$("#table").append(str);
$("#num").val(num);
}
</script>
</body>
</html>在谷歌浏览器下面无论我点击多少遍+号，刷新之后input里面的value值都会重新重置。但是在火狐浏览器下面我刷新之后value值都不会重置，必须要强制刷新才会重置input里面的value值；请问有哪位大神能帮我解答一下呢？如何修复这个BUG呢？
解决方案
<input type="text" name="test1" autocomplete="off">这篇关于javascript - 一段JQ代码在Chrome和Firefox下的BUG的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
