Question

希望您的帮助解决这段代码。尝试在提交后清除输入但不能。有人能给我一个提示吗？非常感谢你。

        <script>
        var list = document;
        function process(idTable)
        {   
            var newRow = list.createElement('tr');
            newRow.insertCell(0).innerHTML = list.getElementsByName('name')[0].value;
            newRow.insertCell(1).innerHTML = list.getElementsByName('surname')[0].value;
            newRow.insertCell(2).innerHTML = list.getElementsByName('email')[0].value;
            list.getElementById(idTable).appendChild(newRow);
            return false;

            list.getElemntsByName('form')[0].value="";
        }
    </script>


<section>
    <form name="form" method="post" id="myForm" onsubmit=" return process('myTable')" >  
        <p> <label>Name:</label>    <input type="text" name="name" placeholder = "Your first name" required> </p>
        <p> <label>Surname:</label> <input type="text" name="surname" placeholder = "Your last name" required> </p>
        <p> <label>Email:</label>   <input type="e-mail" name="email" placeholder = "xpto@example.com" required> </p>
        <p> <input type="submit" value="Add"> <input type="reset"  value="Reset"> </p>      
    </form>
</section>

Answer 1

为什么不使用按钮标记来提交＆＃39;并且＆＃39;重置＆＃39;，然后在那个使用clientclick事件中，具有清除输入标签的重置功能。

Answer 2

两点：

您在为表单
更好地使用list.getElemntsByName('form')[0].reset();

所以你的代码将是这样的：

 <script>
    var list = document;
    function process(idTable)
    {   
        var newRow = list.createElement('tr');
        newRow.insertCell(0).innerHTML = list.getElementsByName('name')[0].value;
        newRow.insertCell(1).innerHTML = list.getElementsByName('surname')[0].value;
        newRow.insertCell(2).innerHTML = list.getElementsByName('email')[0].value;
        list.getElementById(idTable).appendChild(newRow);


        list.getElemntsByName('form')[0].reset();
        return false;
    }
</script>

Answer 3

在流程函数中使用$（'id of input element'）.val（''）。也请在上面写下这段代码返回false语句

使用Js提交后AutoClear输入字段

3 个答案: