Jquery change function inside click function not working properly

Question

I have selects with some values, and i want to remember value by clicking one of them and after change do something with this.

 $("select[id^='zmieniaj']").click(function() {
      var poprz=$(this).val();
      $("select[id^='zmieniaj']").change(function(){
      ...
});
});

So im remembering clicked value in variable and i refer to it in change function. It works good when i click only once on select and made change in the same step. If i click few times it does not trigger change function imimmediately, but it remembers how many times i clicked and when i made change it acts crazy by making up for previous clicks.

How to do that, if CONDITION A-click and CONDITION B-change is made only then, and only once do what is in change function ??

why do you want to use the click handler

Arun P Johny
– Arun P Johny

2014-02-07 11:03:53 +00:00
Commented Feb 7, 2014 at 11:03 — Arun P Johny
– Arun P Johny, Commented Feb 7, 2014 at 11:03

Arun P Johny · Accepted Answer · 2014-02-07 11:09:33Z

1

Try something like

$("select[id^='zmieniaj']").focus(function () {
    var $this = $(this);
    $this.data('fvalue', $this.val());
}).change(function () {
    var $this = $(this),
        cval = $this.val(),
        pval = $this.data('fvalue');
});

answered Feb 7, 2014 at 11:09

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

norbidrak Over a year ago

Thanks for fast and concrete answer. Works great.

Collectives™ on Stack Overflow

Jquery change function inside click function not working properly

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related