更改呼叫功能選擇框的選項值

Question

Hy！ 我正在使用選擇框，其中我有兩個選項。當我點擊一個名爲「重新定位封面」的選項時，它會調用JavaScript函數。功能調用後，它會在選擇框中顯示「重新定位封面」（選擇框的默認行爲）。但是一旦函數被調用，我想在選擇框中顯示默認值（在我的情況下是'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>

值