如何彻底清除输入字段？

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('');
}  

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('');
}

Answer 2

当您知道为什么要使用类清除输入字段中的数据时，

$('#assessFrom').val('');
$('#assessTo').val('');

，如果您仍然想使用javascript

document.getElementById('assessFrom').value = '';
document.getElementById('assessTo').value = '';

Answer 3

使用选择器作为输入元素

$('#assessFrom').val('');
$('#assessTo').val('');

Answer 4

希望下面的代码能够解决该问题，您可以根据自己的条件更改if条件。

function check(){
  if(true){
   var item = document.getElementById("assessFrom");
   item.value = "";
  }
}

<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" value="08-07-2018">
</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" value="12-01-2018">
</div>

<button onclick="check()">Check</button>