Optionswert der Auswahlbox bei aufrufender Funktion ändern

Question

Hy! Ich verwende Auswahlbox, in der ich zwei Optionen habe. Wenn ich auf eine Option namens "Cover neu positionieren" klicke, wird die JavaScript-Funktion aufgerufen. Nach dem Funktionsaufruf zeigt es die "Abdeckung neu positionieren" im Auswahlfeld an (Standardverhalten der Auswahlbox). Aber ich möchte den Standardwert ('Chnage' in meinem Fall) in der Auswahlbox anzeigen, sobald die Funktion aufgerufen wird. Und wenn der Benutzer erneut auf die Option "Cover neu positionieren" klickt, ruft die Funktion erneut auf und die Box wählt den Standardwert und so weiter. Es folgt mein Code, ich schreibe diese

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

Gerade setzen Sie den Wert des select

$(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>

zu erreichen