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

已更新在click event上使用dropdown，

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         
  }       
});

试试这个。

即使在用户选择后，也可以防止html选项更改

2 个答案: