javascript - 如何完全清除输入字段？

Question

我有两个字段，因为之前已经输入了数据：

在某些情况下，if会调用一个条件，并且需要清除这些值。我试图在里面传递空白字符串val()，使其变为空但它不起作用，数据仍然显示：

<div class="col-md-12 fromDates" style="margin-bottom: 10px; display: block;">
   <label for="fromDate">From Date</label>
   <input type="text" id="assessFrom" required="" name="assessFrom">
</div>
<div class="col-md-12 toDates" style="margin-bottom: 10px; display: block;">
   <label for="fromDate">To Date</label>
   <input type="text" id="assessTo" required="" name="assessTo">
</div>

if (assessmentType == "firm" || assessmentType == "product") {
  $('.fromDates').val('');
  $('.toDates').val('');
}  

标签： javascriptjqueryhtml

Answer 1

.fromDates并且.toDates是div没有价值的元素。

相反，您需要清除其中input元素的值：

if (assessmentType == "firm" || assessmentType == "product") {
  $('.fromDates input, .toDates input').val('');
}  

或者，您可以id直接在输入上使用：

if (assessmentType == "firm" || assessmentType == "product") {
  $('#assessFrom, #assessTo').val('');
}