復位點擊重置按鈕編輯的特定表中的值

在HTML頁面上，我有三個包含3個表格的部分。每個table都有其自己的Reset按鈕，它應該只重置所需的部分。不幸的是，我對所有這三個人都使用了相同的表格，如果創建了3個單獨的表格，就會發生很多變化。復位點擊重置按鈕編輯的特定表中的值

有沒有辦法以這種方式重置頁面的特定部分？

來源

2011-11-23 GustyWind

或者，如果有人可以解釋form.reset（）是如何工作的，我認爲它可以被修改只是爲了重置選擇的字段 – GustyWind

Form.reset清除表單內的所有字段 - 如果你想用form.reset（）來做，你必須製作3個獨立的表單。另一個解決方案是用javascript清除字段。需要示例？ – Grrbrr404

我知道有一種方法通過迭代清除每個字段類型，但是這種重置完全清除了現有的值，而不是「僅修改」值。 – GustyWind

form.reset()內置於瀏覽器，所以它的行爲不能修改。

另一種方法是使用JavaScript編寫自己的代碼來重置每個表的字段，如：

function resetInput1(e){ 
    document.getElementById('input1').value = document.getElementById('input1').defaultValue; 
} 
function resetInput2(e){ 
    document.getElementById('input2').value = document.getElementById('input2').defaultValue; 
} 

document.getElementById("btn1").addEventListener('click', resetInput1, true); 
document.getElementById("btn2").addEventListener('click', resetInput2, true);

Example fiddle here

來源

2011-11-23 12:15:30

我想將字段重置爲當前值而不是空值。 – GustyWind

http://stackoverflow.com/questions/2689658/reset-particular-input-element-in-a-html-form – GustyWind

代碼和小提琴更新爲你 –

這裏你可以編寫一個JavaScript方法來重置你的部分中可用的所有元素，並在點擊重置按鈕時調用該函數，使用form.reset將重置整個表單。

否則，您可以在一個頁面上有多個表單，並將您的重置按鈕放置在每個表單中並重置。

如果您使用.net，您不能在同一頁上有多個表單。爲此，您必須禁用/隱藏其他表單。

//後，您的意見，我的帖子

這裏ü可以存儲默認值的隱藏字段意味着我的每一個元素將有一個隱藏字段，其中的默認值將被保存。

當用戶改變文本框的下拉任何文本，改變指數下跌

，取消選擇一些複選框等，並點擊復位按鈕

你會調用JavaScript函數，將隱藏字段後面設置的值：各自的控制。這將節省與服務器的往返時間，從數據庫中獲取默認的詳細信息。

否則你可以使用ajax方法重新綁定到html表單上的元素的默認值。我特別提到這裏的Ajax方法，因爲如果我們再次回髮網頁，它會重置其他部分中的所有值。

希望這是一個明確的解釋。

來源

2011-11-23 12:14:50 Murtaza

這是您所指的那個http://www.javascript-coder.com/javascript -form/javascript-reset-form.phtml。其實我需要重置爲每個元素的默認值 – GustyWind

默認值意味着它是每個元素的靜態數據還是從數據庫中檢索的值？ – Murtaza

你可以調用一些ajax方法，並在點擊重置按鈕時將值重置爲原始值，並將數據綁定到每個元素。 – Murtaza

復位點擊重置按鈕編輯的特定表中的值

回答

相關問題