一段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呢?

阅读 2.2k
1 个回答
<input type="text" name="test1" autocomplete="off">
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题