在没有确认对话框的情况下取消Dropdown的更改事件

Question

当所选项目与另一个选择列表值进行比较时，我希望取消更改事件。 我有2个selectlist。我想在#SecondUnit_Id更改时执行以下功能但不起作用。

var preval=$('#SecondUnit_Id').val();

$('#SecondUnit_Id').change(function(){
  
  if($(this).val()==$('#UnitList_Id').val())
    {
       msgbox("error","Duplicate");
       $(this).val(preval);
       return false;
    
    }
    
    preval=$(this).val();
  
  });

但是在代码下面不起作用：

$(this).val(preval)

Answer 1

为我工作

<强> Working Demo

<select id="UnitList_Id">
<option>A</option>
<option>B</option>
<option>C</option>
</select>


<select id="SecondUnit_Id">
<option>A</option>
<option>B</option>
<option>C</option>
</select>

var preval=$('#SecondUnit_Id').val();
alert(preval)
$('#SecondUnit_Id').change(function(){
  //alert($('#UnitList_Id').val())
  if($(this).val() === $('#UnitList_Id').val())
    {
       alert("error Duplicate");
       $(this).val(preval);
       return false;

    }

    preval=$(this).val();

  });

问题出在你的msgbox插件中。正确使用相关库。