Question

我有以下代码，用于在按钮点击时使用javascript显示/隐藏html部分。除了隐藏该部分，当单击一个替代按钮时，我还想将特定字段重置为其默认值，但我很难这样做。

function Prefs() {
    var x = document.getElementById('continents');
    var y = document.getElementById('countries');
    if (x.style.display === 'none') {
        x.style.display = 'block';
        y.style.display = 'none';
    }else if(x.style.display === 'block'){
        x.style.display = 'none';
        y.style.display = 'none';
    } else {
        x.style.display = 'none';
    }
}

Answer 1

如果要重置整个表单，请使用reset()方法：

$('#yourFormId')[0].reset();

或者，如果您想要重置特定输入，请使用defaultValue属性：

$("#yourInput").prop("defaultValue");

Answer 2

我会做这样的事情，

function Prefs() {
var x = document.getElementById('continents');
var y = document.getElementById('countries');
 if (x.style.display === 'none') {
  x.style.display = 'block';
  y.style.display = 'none';
  x.value = "";
  y.value = "";
 }else if(x.style.display === 'block'){
  x.style.display = 'none';
  y.style.display = 'none';
  x.value = "";
  y.value = "";
 } else {
   x.style.display = 'none';
 }
}

重置单个表单字段onclick？

2 个答案: