Question

HY！我正在使用选择框，我有两个选项。当我点击一个名为“Reposition cover”的选项时。它调用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>

更改调用函数

1 个答案: