即使在用户选择之后也防止 html 选项发生变化

Question

我遇到了一个问题，当用户从下拉列表中进行选择时，我需要检查用户是否进行了更改，然后我才允许用户完全转到他/她应该填写的下一个内容。

如果进行了更改，有没有办法将下拉菜单设置为之前的值？

<select id="dropdown" >
    <option value="1">option 1</option>
    <option value="2">option 2</option>
    <option value="3">option 3</option>
    <option value="4">option 4</option>
</select>

Answer 1

试试这个，

var prevVal=$('#dropdown').val();
$('#dropdown').on('click','option',function(){
   if(prevVal==this.value){
      alert('no change');   
   } else{
       prevVal = this.value;
       alert('value changed');       
   }       
});

Live Demo

更新在dropdown 上使用click event 喜欢，

var prevVal=$('#dropdown').val();
$('#dropdown').on('click',function(){
   if(prevVal==this.value){
       console.log('no change');   
   } else{
       prevVal = this.value;
       console.log('value changed');       
   }       
});

Updated demo

Answer 2

var previous = $('#dropdown').val();
$('#dropdown').change(function()
{
   if(previous ==this.value)
  {
      //do things   
  } 
  else
  {
      previous = this.value;
      //do things         
  }       
});

试试这个。