getting attribute of <option> in<select multiple> using jquery

Question

im using bootstrap, how can i get the attribute of ie., gl_code_id

<select style="height: 400px;" multiple="" class="form-control" id="all_codes">
           <option gl_code_id="9">2345 </option>
           <option gl_code_id="8">12345 </option>
           <option gl_code_id="7">1234 </option>
           <option gl_code_id="6">90 </option>
           <option gl_code_id="5">234 </option>
           <option gl_code_id="4">1 </option>
</select>

tried this,

$(document).on("change", "#all_codes", function(){
    var id = $("#all_codes").val(); //this gives only the value
    var ids = $(this).attr('gl_code_id'); // this gives undefined
    //how can i get the selected options gl_code_id??

});

Felix · Accepted Answer · 2014-04-11 10:22:32Z

1

You can use:

$("#all_codes option:selected").attr('gl_code_id');

Since you're using multiple attribute for your select, if you want to retrieve all the gl_code_id value from multiple selected option, you can use .map():

$(document).on("change", "#all_codes", function(){
    var id = $("#all_codes").val(); //this gives only the value
    var ids = $(this).find('option:selected').map(function() {
        return $(this).attr('gl_code_id');    
    }).get();
});

Fiddle Demo

edited Apr 11, 2014 at 10:22

answered Apr 11, 2014 at 10:08

Felix

38.2k8 gold badges46 silver badges56 bronze badges

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

Comments

Sridhar R · Accepted Answer · 2014-04-11 10:08:13Z

0

Try this

 var ids = $(this).find('option:selected').attr('gl_code_id'); // return attr value

 $(this).find('option:selected').text(); // return selected option text

answered Apr 11, 2014 at 10:08

Sridhar R

20.4k7 gold badges41 silver badges35 bronze badges

Comments

Tushar Gupta - curioustushar · Accepted Answer · 2014-04-11 10:09:04Z

0

Try

you need to .find('option:selected')

var ids = $(this).find('option:selected').attr('gl_code_id');

.find() and :selected Selector

answered Apr 11, 2014 at 10:09

Tushar Gupta - curioustushar

57.2k24 gold badges106 silver badges110 bronze badges

Collectives™ on Stack Overflow

getting attribute of <option> in<select multiple> using jquery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related