jquery call function fore multiple elements change

Question

My html something like:

<html>
    ...
    <select class="ra1" id="rate2620_"> ... </select>
    <select class="ra1" id="rate2621_"> ... </select>
    ...
</html>

I have a for that is generating me all the functions for every select like:

for (i=from; i> to; i--){
    var ii = i.toString(); // ii = 2621 or 2620 or ...
    $("#rate" + i + "_").live("change", {pos: ii} ,function(e){
        sendValue($(this).val(),e.data.pos);
    });
}

I want to change my code to a function that acts for class="ra1" Something like (not working) :

$('.ra1').live("change", function(e){

    var id = $(this).children(":selected").attr("id"); // get the id element
    id = id.replace(/\D/g,'');  // convert from id="rate2620_" to> id="2620"

    sendValue($(this).val(),id);
});

So {pos: ii} ii should be changed with id, but I really have no ideea how it works.

Milind Anantwar · Accepted Answer · 2014-07-24 07:16:32Z

3

You are using wrong id selector. It should be:

var id = $(this).attr("id");//or this.id for pure JS

also live has been deprecated in jquery 1.7+. If you are using later versions then use jquery .on()

answered Jul 24, 2014 at 7:16

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

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

2 Comments

Jai Over a year ago

this.id also do that and i would say it is better to use.

Milind Anantwar Over a year ago

@Jai: yup. the idea was him being using wrong id selector. Thanks :)

Collectives™ on Stack Overflow

jquery call function fore multiple elements change

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related