Php 清除具有重置值的HTML表单_Php_Html_Forms

Php 清除具有重置值的HTML表单

php html forms

Php 清除具有重置值的HTML表单,php,html,forms,Php,Html,Forms,我是一个有特定输入文本的表单。它们都有自己的重置值。。例如 <input type="text" name="<?php echo $row['FieldName'];?>" id="<?php echo $row['FieldName'];?>" class="required" style="font:12px Verdana ; width:250px;" value="<?

我是一个有特定输入文本的表单。它们都有自己的重置值。。例如

<input type="text" 
       name="<?php echo $row['FieldName'];?>"
       id="<?php echo $row['FieldName'];?>" 
       class="required" 
       style="font:12px Verdana ; width:250px;" 
       value="<?php echo $row2[$nameROW]?>" />
<?php }

因此，当我使用正常的重置功能时，它不会清除我的表单。因为它的重置值已经设置好了

那么我如何才能完全清除不重置表单

如果希望避免字段重置为初始值，则需要实际循环所有输入字段、文本字段和选择元素，分别将其值设置为空字符串，将选中的属性设置为false，等等

您可以在网上看到一个例子，说明这可能是什么样子，或者更简洁一点的jQuery解决方案会是什么样子。

Jonathan是正确的，但它是不完整的。以下是完整的解决方案：

for ( i = 0; i < document.myForm.elements.length; i++ )
  document.myForm.elements[i].fieldName.value = "";

如果您需要进一步帮助，请告诉我们。这将遍历表单中的每个项，然后将其清空。如果需要更多帮助，请告知我们。

使用以下jQuery将指定字段设置为空白：

$("#btn_reset").click(function(){
     $("input:text[id=xxx]").val("");
});

$("#btn_reset").click(function(){
    $(":input").val("");
});

使用以下jQuery将所有字段值设置为空：

$("#btn_reset").click(function(){
     $("input:text[id=xxx]").val("");
});

$("#btn_reset").click(function(){
    $(":input").val("");
});

在上述示例中，btn_reset是复位按钮的ID。您还需要将上述脚本放在页面的普通$document.ready函数处理程序中的脚本标记内。当然，以上要求您首先在页面顶部包含jQuery库。如果你有任何问题，请告诉我

以下是完整的HTML文件：

<HTML>
    <HEAD>
        <TITLE></TITLE>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
    <script type="text/javascript" language="javascript">
        $(document).ready(function() {
            $("#btn_reset").click(function() {
                $("input:text[id=xxx]").val("");
            });
        });
    </script>
    </HEAD>
    <BODY>
        <form>
            <input type="text" name="xxx" id="xxx" value="default"  />
            <input type="button" value="Reset" id="btn_reset" />
        </form>
    </BODY>
</HTML>

请注意，您需要将按钮类型从reset更改为button，否则在jQuery设置值后，reset按钮行为将再次将值设置为我们不需要的默认值。

这是一个易于使用的纯js函数，您可以使用它按id或名称重置任何表单：

// License: WTFPL
function clearForm(id)
{
    // find form by its id or name
    var form = document.getElementById(id) || document[id] || id;

    // cycle through elements
    for (var i = 0, item; item = form.elements[i]; ++i) {
        switch (item.type) {
            case 'select-one':
                item.selectedIndex = 0;
                break;

            case 'select-multiple':
                for (var j = 0, option; option = item.options[j]; ++j) {
                    option.selected = false;
                }
                break;

            case 'checkbox':
            case 'radio':
                item.checked = false;
                break;

            default:
                item.value = '';
        }
    }
}

称之为：

clearForm('id or name of your form');

不清楚的问题不清楚：我试过@Jonathan Sampson one。它起作用了。感谢您的回复；我试过这个。。但是我不知道为什么它不起作用……后来我试着用@Jonathan Sampson的例子。信息技术works@jannatulalia你怎么称呼它的？我没有看到你的完整表格，所以我不能给你一个具体的答案，完全符合你的需要。我称之为使用输入按钮@jannatulalia嗯，如果你有一个函数，你可以像这样把这个函数称为clearForm'foo吗？我试过了，把它放在$document.ready函数的处理程序中，包括jQuery头，但我不知道我的代码出了什么问题。。它不起作用..稍后我尝试使用Jonathan Sampson示例..它起作用了。我编辑了我的答案，并提供了一个完整的HTML，其中包含jQuery代码和表格，可以在我的计算机中使用！他得到了这个。2功能可以在里面吗$document.readyfunction{$btn_reset.clickfunction{$input:text[id=xxx].val；}；$itemReg.validate；}；当然，它们是正常的函数，可以根据需要任意多行文本！如果你觉得我的答案有用，请相应地标出！干杯