Comment puis-je utiliser Javascript en HTML pour fournir au bouton de réinitialisation ou d'annulation d'un formulaire la fonctionnalité permettant de resélectionner l'option sélectionnée et de la conserver dans le même état ?

Question

Une fois que l'utilisateur a effectué quelques modifications de sélection sur l'élément de sélection, lorsqu'il souhaite annuler ou réinitialiser le formulaire, il doit voir les options sélectionnées par le système. (Le but est de réinitialiser l'élément de sélection du formulaire et de revenir à la valeur de l'option sélectionnée par défaut dans la vue lors de l'annulation ou de la réinitialisation du formulaire)

<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

C'est un moyen de préserver l'historique de sélection et de permettre l'annulation des valeurs à chaque clic sur le bouton de réinitialisation...

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>