Getting Attribute From HTML Using .getAttribute() Failed

Question

I have this code :

HTML

<select disabled class="kurir full-width" data-init-plugin="select2" name="kurir" data-productid="316">
    ...
</select>

jQuery

$(".kurir").change(function() {
    var productid = $(this).getAttribute('data-productid');
    alert (productid);
});

Why I can't get 316 from data-productid? What did I missed here?

Thank you.

Ibrahim Khan · Accepted Answer · 2016-04-20 06:26:22Z

3

You can get attribute value like following.

this.getAttribute('data-productid')

Or

$(this).attr('data-productid')

answered Apr 20, 2016 at 6:26

Ibrahim Khan

20.8k7 gold badges46 silver badges57 bronze badges

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

2 Comments

Or $(this).data('productid')

Obviously. @KartikeyaKhosla

krishna · Accepted Answer · 2016-04-20 06:31:49Z

3

.getAttribute is the javascript method we can't use it is jquery object method.

so you can use it below syntax- this.getAttribute('data-productid');

answered Apr 20, 2016 at 6:31

krishna

5182 silver badges8 bronze badges

KarayelTasarim · Accepted Answer · 2016-04-20 07:05:49Z

0

use

var productid = $(this).data('productid');

answered Apr 20, 2016 at 7:05

KarayelTasarim

1