ホームページ  >  に質問  >  本文

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

PHPzPHPz2726日前246

全員に返信(1)返信します

  • 迷茫

    迷茫2017-04-11 13:09:45

    <input type="text" name="test1" autocomplete="off">

    返事
    0
  • キャンセル返事