Question

这是我试过的代码，它应该是这样的：用文本框写的文本应该在div标签中显示为复选框。

我使用了onchange()函数。当我移出文本框时它工作正常，但当我按 Enter 键时，复选框出现几秒钟后消失。 div中没有显示任何内容。

如何解决这个问题？在文字框中书写时按 Enter 会发生什么？

<html>
    <body>
        <form id="form1" name="form1" method="post" action="">
            <p>
                <label for="textfield">Hello</label>
                <input type="text" name="textfield" id="textfield" onChange="add_items(this.value)" />
            </p>
            <br>
            <div id="item"></div>
        </form>

        <script>
        k=""
        function add_items(m)
        {
            k=k+"<input type=checkbox name=menu[] id=menu[] value="+m+">"+m+"&nbsp;";
            document.getElementById("item").innerHTML=k
        }
        </script>
    </body>
</html>

Answer 1

您按 Enter 键提交表单。

将onsubmit="return false;"添加到您的form代码。

Answer 2

onsubmit =“return false;”将解决您的问题

当我按下回车键时，<div>中显示的复选框消失</div>

2 个答案: