javascript - 我无法通过 javascript 重置 HTML 输入字段

Question

我不使用 jQuery，除非这会迫使我。

我的看似简单的 HTML 文档有一个带有 3 个输入的 div，由于某种原因，我无法重置其中的第 3 个输入。我的清理后显示代码如下所示:

<div>
 <label>LIMIT 1
  <select id="limit1"> 
   <option value="1">Choice1</option>
   <option value="2">Choice2</option>
  </select>
 </label>
 <label>LIMIT 2
  <select id="limit2">
   <option value="1">Choice1</option>
   <option value="2">Choice2</option>
  </select>
 </label>

 <label>ENTER A VALUE
  <input type="text" id=“parm2” value="20" size="3" maxlength="4">
 </label>
</div>

这是我的验证和重置代码:

var limit1 = document.getElementById("limit1");
var limit2 = document.getElementById("limit2");
if (limit2.value < limit1.value) {
 alert("ERROR: 1st must be less than 2nd");
 limit1.value = 1; 
 limit2.value = 2;
 return false;
}  // Above resets of select options works!
var uValue = document.getElementById(“parm2”).value;
if (isNaN(uValue)) {
 uValue.value = "20";   // This reset fails!
 return false;
}

感谢您的帮助。

Answer 1

var uValue = document.getElementById(“parm2”).value;

选择元素的值，而不是元素本身。所以 "123".value 并没有什么意义，如果你想重置它的值，请存储该元素。

var uElement = document.getElementById('parm2');
// later on
uElement.value = 20;

旁注:属性访问通常并不昂贵，因此仅存储元素并稍后使用 .value 访问该值是完全可以接受的，而不是使用两个变量。