Bagaimanakah saya boleh menggunakan Javascript dalam HTML untuk menyediakan butang tetapan semula atau batal borang dengan fungsi untuk memilih semula pilihan yang dipilih dan mengekalkannya dalam keadaan yang sama?

Question

Selepas pengguna membuat beberapa perubahan pemilihan pada elemen pemilihan, apabila pengguna ingin membatalkan atau menetapkan semula borang, pengguna perlu ditunjukkan pilihan yang dipilih oleh sistem. (Intinya ialah untuk menetapkan semula elemen pemilihan borang dan kembali kepada nilai pilihan lalai yang dipilih dalam paparan apabila membatalkan atau menetapkan semula borang)

<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

Ini ialah cara untuk mengekalkan sejarah pemilihan dan membenarkan nilai digulung semula pada setiap klik butang set semula...

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>