呼び出し機能の選択ボックスのオプション値を変更します

Question

Hy！ 私は2つの選択肢がある選択ボックスを使用しています。 "Reposition cover"という名前のオプションをクリックすると、JavaScript関数が呼び出されます。関数呼び出しの後、選択ボックスに "Reposition cover"と表示されます（選択ボックスのデフォルト動作）。しかし、私は関数が呼び出されると、デフォルト値（私の場合は「Chnage」）を選択ボックスに表示したい。 そして、ユーザーが "Reposition cover"オプションを再びクリックすると、関数は再び呼び出して、ボックスを選択してデフォルト値を返します。 私はこの

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>

の値をリセット