一段JQ代码在Chrome和Firefox下的BUG

发布于 2022-09-04 18:23:33 字数 1167 浏览 12 评论 0

<!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呢?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

木落 2022-09-11 18:23:33
<input type="text" name="test1" autocomplete="off">
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文