Wie kann ich Javascript in HTML verwenden, um die Schaltfläche „Zurücksetzen“ oder „Abbrechen“ eines Formulars mit der Funktionalität auszustatten, die ausgewählte Option erneut auszuwählen und im gleichen Zustand beizubehalten?

Question

Nachdem der Benutzer einige Auswahländerungen am Auswahlelement vorgenommen hat und das Formular abbrechen oder zurücksetzen möchte, müssen dem Benutzer die vom System ausgewählten Optionen angezeigt werden. (Der Sinn besteht darin, das Formularauswahlelement zurückzusetzen und zum standardmäßig ausgewählten Optionswert in der Ansicht zurückzukehren, wenn das Formular abgebrochen oder zurückgesetzt wird.)

<button>重置</button>
    <select>
      <option>1</option>
      <option>2</option>  
      <option>3</option>
    </select>
    
    <select class="jbselect">
      <option>a</option>
      <option >b</option>
      <option selected>c</option>
    </select>

Answer 1

这是一种保留选择历史并允许在每次重置按钮点击时回滚值的方法...

let history = []
$(function() {
  $('.jbselect').change(function() {
    history.push($(this).val());
  })
  // start it off
  history.push($('.jbselect').val());
})

$("button").click(function() {
  if (history.length == 1) return
  // remove latest value
  history.splice(-1, 1)
  $('.jbselect').val(history.at(-1))
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button>重置</button>
<select>
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select>

<select class="jbselect">
  <option>a</option>
  <option>b</option>
  <option selected>c</option>
</select>