jquery: get value of custom attribute in drop down

Question

I have a simple JQuery code. ``` $(document).ready(function() { $( ".translanguage" ).change(function() { var value = $(this).attr("langid"); alert(value); }); }); ``` and i have html code. ``` ``` When i run this program, it is giving undefined error in alert box. I need the value of langid as given in my option tage. So what is the problem in my code. ? Secondly what is the cause of undefined error in JQuery. Thanks

Accepted Answer

Inside the change handler `this` refers to the `select` element, but the `langid` is in the selected `option` element. So you need to find the selected `option` and then call `.attr("langid")` on that element

```
jQuery(function () {
    $(".translanguage").change(function () {
        var value = $(this).find('option:selected').attr("langid");
        alert(value);
    });
})
```

Demo: Fiddle

jquery: get value of custom attribute in drop down

Solution

Problem