jquery live method in combobox interaction

Question

Hi. I am trying to do the next thing in Jquery. I have 2 comboboxes and i want to make sure that their selected values is identical. If user chooses a value in one of the combo like the other one, i want to alert "invalid op" and set the combo selected value to its previous value. so i wrote:

$("#SelectGroupMargin").live("onchange", function() {
   // save the value before the change in case the change is invalid
   var valBeforeChange = $("#SelectGroupMargin").val();
   var currentLimitedRuleVal =  $("#SelectGroup").val();
   var newFillerRule= $(this).val();

   // check that the new value does not colide with the value of the limited rule
   // if it does colide alert the user and return to the former value
   if (currentLimitedRuleVal == newFillerRule) {
     alert("invalid op");
     $("#SelectGroupMargin").text(valBeforeChange);
   } 
});

but i have few problems: 1)onchange doesn't respond - just click and focusout 2) newFillerRule always identical to valBeforeChange

Do you have better idea/shorter any advice thank u

Answer 1

Try using change as opposed to onchange in the live() method. Also, if my memory serves me correctly, you'll need jQuery 1.4+ to use live with the change event, as code was only implemented in 1.4+ to handle delegation for the change event.

In terms of comparing the newly selected value to the last selected value, you might consider storing the selected value for the using $.data() - then you can compare the value after the change event with the value stored in $.cache (where $.data() stores values) and do the necessary. You could also implement it using a closure too.

Answer 2

$("#SelectGroupMargin") is the same as $(this) in the context of that function. And use "change" for the live call