javascript - 在没有确认对话框的情况下取消下拉菜单的更改事件

Question

当所选项目与另一个选择列表值进行比较时，我想取消更改事件。我有 2 个选择列表。我希望当 #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 插件中。正确使用相关库。