cancel change event for a Dropdown without confirmation dialog

Question

I want cancel change event when selected item compare with another select list value. I have 2 selectlist.I want when #SecondUnit_Id changed execute below function but does not work.

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

But Does Not Work below code:

$(this).val(preval)

Try: `$("#SecondUnit_Id").val($("#SecondUnit_Id option[selected]").val());` — Dhara Parmar, Jun 09 '16 at 06:54
Dose not work,It changed and no prevent ,In the other hand first changed then check the condition — Mohsen Zahedi, Jun 09 '16 at 07:02
@MohsenZahedi : I already made a working jsfiddle for you. Check my answer — Amar Singh, Jun 09 '16 at 07:12

score 1 · Answer 1 · answered Jun 09 '16 at 07:01

1

Its Working For me

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

  });

The problem is in your msgbox pluggin . Use the related library properly.

answered Jun 09 '16 at 07:01

Amar Singh

5,464
2
26
55

First item changed then Check Condition. – Mohsen Zahedi Jun 09 '16 at 07:18
Yeah,Your Code is right but It work for a select ,I have select2. – Mohsen Zahedi Jun 09 '16 at 07:22
@MohsenZahedi : that you should have told earlier . Are you using multiselect select2 – Amar Singh Jun 09 '16 at 07:31
Yes,I use multiselect select2. – Mohsen Zahedi Jun 09 '16 at 07:41
Then you must be getting values like val1, val2 ,val3 . you can put all selected values in array and then check using `jQuery.inArray` if value is selected. I hope this helped you – Amar Singh Jun 09 '16 at 07:48
I try it,Thank you for taking the time. – Mohsen Zahedi Jun 09 '16 at 07:51
@MohsenZahedi : this would help you http://stackoverflow.com/questions/19908273/jquery-select2-get-value-of-select-tag – Amar Singh Jun 09 '16 at 09:33

cancel change event for a Dropdown without confirmation dialog

1 Answers1