javascript - 如何重置 HTML 选择

Question

这个问题已经有答案了:

Text box not getting reset (4 个回答)

已关闭 5 年前。

我正在使用此 HTML

<select class="task" id="c1740778" name="c1740778" data-default-value="NotStarted">
<option value="NotStarted" selected="selected">NotStarted</option>
<option value="Complete">Complete</option>
</select>

以及选择更改时调用的以下 Javascript

if (confirm('Are you sure you want to save ?')) {
   console.log("complete changed");
} else {
   console.log("Reset");
}

如果用户取消，如何将选择返回到原始状态？

我已经尝试过

$(this).get(0).val("default-value");

但是它不起作用。

有什么建议吗？

Answer 1

尝试$(this).val("NotStarted");

$('#c1740778').change(function(){
  if (confirm('Are you sure you want to save ?')) {
   console.log("complete changed");
  } else {
     $(this).val("NotStarted");
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="task" id="c1740778" name="c1740778" data-default-value="NotStarted">
<option value="NotStarted" selected="selected">NotStarted</option>
<option value="Complete">Complete</option>
</select>