Изменить значение опции окна выбора при вызове функции

Question

Hy! Я использую select box, в котором у меня есть два варианта. Когда я нажимаю на один параметр с именем «Обложка Reposition». Он вызывает функцию JavaScript. После вызова функции он отображает «Обложку Reposition» в поле выбора (поведение по умолчанию в поле выбора). Но я хочу показать значение по умолчанию («Chnage» в моем случае) в поле выбора после вызова функции. И когда пользователь снова нажмет кнопку «Перекрыть обложку», функция снова вызовет и выберет поле, которое вернет значение по умолчанию и так далее. Ниже мой код, который я пишу, чтобы достичь этой

Html

<select id="cars"> 
    <option value="change" selected="selected">Change</option> 
    <option value="rep">Reposition cover</option> 
    <div>Reposition cover</div> 

</select> 

Javascript

<script type="text/javascript"> 

    $(document).ready(function(){ 
    e1 = document.getElementById('cars'); 
    if(e1) 
    { 
     e1.addEventListener('change', function() { 
     if(this.value == 'rep'){ 
     repositionCover(); 
      /*Execute your script */ 
     } 
     else 
     { 

      } 
    }); 
     } 


    }); 
    </script> 

Answer 1

Просто сбросить значение выбора

$(document).ready(function(){ 
 
    $('#cars').on('change', function() { 
 
    if(this.value == 'rep'){ 
 
     this.value = 'change'; 
 
     //repositionCover(); 
 
    } else { 
 
     
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="cars"> 
 
    <option value="change" selected="selected">Change</option> 
 
    <option value="rep">Reposition cover</option> 
 
    <div>Reposition cover</div> 
 

 
</select>