更改呼叫功能选择框的选项值

问题描述：

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>

这已被问过无数次，请问谷歌之前询问 – vsync

@vsync 先生我GOOGLE了很多次，但没有找到任何解决方案，这就是为什么我发布的问题。它有什么问题？ –

接受的答案与前几个谷歌搜索结果中发现的无数其他答案没有什么不同，这与以前的评论相矛盾。 – vsync

答

刚刚复位的选择

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

值

Thanx，我是新的JavaScript这就是为什么问这样一个基本的问题。反正，thanx –

更改呼叫功能选择框的选项值

相关推荐