Javascript 删除输入字段中设置的值'；提交表单后的s值属性

我正在使用HTML、bootstrap、php、MySQL和Ajax。我希望在提交表单时，输入字段的value属性中设置的值变为null。我被困在这里了。谁能告诉我如何解决这个问题？？提前谢谢各位。代码如下：

            <form id="cForm" name="cForm" method="post">
            <label>Roll No : </label>
            <input type="text" name="roll" id="roll" value="12"><br>
            <label>Name : </label>
            <input type="text" name="name" id="name" value="Sneha"><br>
            <label>Stream : </label>
            <select name="stream" id="stream">
                <option value="CSE">CSE</option>
                <option value="IT">IT</option>
                <option value="ECE">ECE</option>
                <option value="ME">ME</option>
            </select><br>
            <label>Age : </label>
            <input type="text" name="age" id="age"><br>
            <input type="submit" class="btn-submit" name="submit" value="Submit">

        </form>
        <script type="text/javascript">
    jQuery(document).ready(function() {
            $('.btn-submit').click(function() {
                $.ajax({
                    url:"insert.php",
                    method:"POST",
                    data:$('#cForm').serialize(),
                    success:function(data)
                    {

                            document.getElementById("cForm").reset();
                            $("input[type='text']").val('');

                    }
                });
            });
        });
</script>

卷号：


姓名：


流：
CSE
信息技术
欧洲经委会
我


年龄：


jQuery（文档）.ready（函数（）{
$（'.btn submit'）。单击（函数（）{
$.ajax({
url:“insert.php”，
方法：“张贴”，
数据：$（'#cForm'）。序列化（），
成功：功能（数据）
{
document.getElementById（“cForm”）.reset（）；
$（“输入[type='text']”）val（“”）；
}
});
});
});

首先，您应该删除输入字段的默认值，因为在提交时，页面会刷新并弹出默认值。接下来，您应该创建一个事件侦听器“submit”。一旦它出现，找到带有输入的节点，并用空字符串替换该值。工作样本如下：

<form id="cForm" name="cForm" method="post">
    <label>Roll No : </label>
    <input type="text" name="roll" id="roll" value=""><br>
    <label>Name : </label>
    <input type="text" name="name" id="name" value=""><br>
    <label>Stream : </label>
    <select name="stream" id="stream">
        <option value="CSE">CSE</option>
        <option value="IT">IT</option>
        <option value="ECE">ECE</option>
        <option value="ME">ME</option>
    </select><br>
    <label>Age : </label>
    <input type="text" name="age" id="age"><br>
    <input type="submit" class="btn-submit" name="submit" value="Submit">
    <input type="submit" class="btn-modify" name="modify" value="Modify">

</form>

    <script>
        const form = document.querySelector('#cForm');
        let inputs = form.getElementsByTagName('input')
        form.addEventListener('submit', function() {
            console.log('Submit');
            inputs.name.value = '';
            inputs.roll.value = '';
            inputs.age.value = '';
        })
    </script>

卷号：


姓名：


流：
CSE
信息技术
欧洲经委会
我


年龄：


const form=document.querySelector（'#cForm'）；
让输入=form.getElementsByTagName（'input'）
form.addEventListener（'submit'，function（）{
console.log（'Submit'）；
inputs.name.value=''；
inputs.roll.value=''；
inputs.age.value=''；
})

别忘了从输入中删除默认值！！！否则，您将在提交后看到它们。

只需使用

$（“输入[type='text']”）。val（“”）

删除输入的

值

标记中硬编码的值

$（“#cForm”）。关于（“提交”，函数（e）{
e、 预防默认值（）；
$（“输入[type='text']”）val（“”）；
})

卷号：


姓名：


流：
CSE
信息技术
欧洲经委会
我


年龄：

如何在同一页面上使用页面加载或使用ajax提交表单？传统的

form.reset（）

无法工作如果您在输入中硬编码一个值，则必须手动重置所有输入，如果您正在查找该值，否则，如果您试图输入som文本并希望在提交表单后将其重置，则可以调用

document.queryselector（“#form id”）.reset（）

@MuhammadOmerAslam提交表单后如何删除默认值？是的，我正在使用ajax。您需要调用

$（“input[type='text']”）val（“”）

在

ajax

success函数中，请参见下面的答案。单击submitsee（提交）即可重置查看我答案的编辑部分并添加完整的代码。如果您说这不起作用，则没有帮助，请在问题中添加您正在使用的代码。您也可以使用reset（）@muhammad omer aslam

form.reset（）

所建议的事件侦听器函数中窗体上的函数对

input

标记中的value属性硬编码的值不起作用，这就是我所说的，不是用户输入的值。什么没有帮助意味着你得到了什么确切的错误？你是如何在代码中使用它的@斯内哈罗伊