清除具有其重置值的HTML表單

我擁有一定的輸入文本。所有的人都有自己的復位值.. 例如...清除具有其重置值的HTML表單

<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 }

因此當我使用正常復位function..it不會清理自己的狀態。因爲它的復位值已被設置...

所以我怎麼能完全清除不RESET的形式？

來源

2012-05-17 jannatul alia

不清楚問題不清楚：） – allaire

如果要避免將字段重置爲其初始值，則需要實際遍歷所有輸入字段，文本字段和選擇元素，將它們的值單獨設置爲空字符串，將屬性檢查爲false等

你可以看到一個例子，這可能看起來像在線http://www.electrictoolbox.com/javascript-clear-form/，或什麼jQuery解決方案（這是一個更簡潔）看起來像http://www.electrictoolbox.com/jquery-clear-form/。

來源

2012-05-17 03:39:45 Sampson

我試過了......它的作品:) –

喬納森是正確的，但它是不完整的。這裏是完整的解決方案：

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

請讓我們知道，如果您需要進一步的幫助。這遍歷了表單中的每個項目，然後將它們填充。讓我們知道您是否需要更多幫助。

來源

2012-05-17 03:47:34 Brett

我試過@Jonathan Sampson之一。有用。） –

使用下面jQuery來指定字段設置爲空白：

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

使用以下jQuery來值來設定所有字段爲空白：

$("#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>

請注意，您所需要的按鈕式的復位改爲按鈕，否則jQuery的設定值，然後復位按鈕的行爲將再次設定值後，我們不想要的默認值。

來源

2012-05-17 03:48:25 somnath

ive試過了，並把它放在$（document）.ready（）函數的處理程序中，幷包含jQuery頭文件，但我不知道我的代碼有什麼問題..它不工作..later我試着與Jonathan Sampson樣本它工作。 –

我編輯了我的答案，並提供了一個完整的HTML與jQuery代碼和表單，在我的電腦工作！ HTH – somnath

我明白了。可以有2個功能嗎？（document）.ready（function（）{ $（「＃btn_reset」）。點擊（function（）{（「input：text [id = xxx]」）.val（「」）; }）; \t $（「＃itemReg」）。validate（）; \t \t}）; –

這是一個易於使用的（純JS），您可以使用編號或名稱重置任何形式的功能：

// 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');

來源

2012-05-17 04:51:51

我試過這一個..但我不知道爲什麼它不工作.. later我試着用@Jonathan Sampson的例子。它的工作原理 –

@jannatulalia你是怎麼稱呼它的？我沒有看到你的完整表格，所以我不能給你一個確切地適用於你的需求的具體答案。 –

我使用輸入按鈕調用它。 –

清除具有其重置值的HTML表單

回答

相關問題