Jquery How to read custom attribute value

Question

i gave one dropdown and it has one custom attributed i added called ShipTo. now my dropdown html looks like

<select id="ddlCountry" runat="server" style="width: 300px; font-size: 9pt; float:left; margin-top: 3px;">
<option shipto=''  value="">Select your location</option>
<option shipto='GBR'  value="gb_en_home">United Kingdom - English</option>
<option shipto='USA'  value="us_en_home">United States - English</option>
</select>

this way i try to read custom attribute value

var ShipTo = $("#ddlCountry").attr("shipto");
alert(ShipTo );

but the above code does not work. so can anyone guide me how to achieve it. thanks

EDIT

i figured out how to read that custom attribute data

var ShipTo = $("#ddlCountry").find('option:selected').attr("shipto");

the above code works fine.

Anton · Accepted Answer · 2014-09-12 11:42:38Z

3

You are trying to get the attribute from select, you need to get it from the option like this

$('#ddlCountry option:selected').attr('shipto');

Use :selected to get the selected option.

DEMO

answered Sep 12, 2014 at 11:42

Anton

32.6k5 gold badges47 silver badges54 bronze badges

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

Comments

T J · Accepted Answer · 2014-09-12 11:42:51Z

2

The dropdown #ddlCountry doesn't have custom attribute. You should target the <option> instead:

var ShipTo = $("#ddlCountry option:selected").attr("shipto");

answered Sep 12, 2014 at 11:42

T J

43.2k13 gold badges87 silver badges142 bronze badges

Comments

Manwal · Accepted Answer · 2014-09-12 11:43:13Z

2

Try. Getting value of selected option

$('#ddlCountry option:selected').attr('shipto');

Wroking DEMO

answered Sep 12, 2014 at 11:43

Manwal

23.9k15 gold badges65 silver badges95 bronze badges

Comments

Dario Griffo · Accepted Answer · 2014-09-12 11:43:23Z

1

you should use data attributes instead

<select id="ddlCountry" runat="server" style="width: 300px; font-size: 9pt; float:left; margin-top: 3px;">
    <option data-shipto=''  value="">Select your location</option>
    <option data-shipto='GBR'  value="gb_en_home">United Kingdom - English</option>
    <option data-shipto='USA'  value="us_en_home">United States - English</option>
</select>

and you access it like

var ShipTo = $("#ddlCountry option:selected").data("shipto");
alert(ShipTo );

answered Sep 12, 2014 at 11:43

Dario Griffo

4,3223 gold badges21 silver badges35 bronze badges

Collectives™ on Stack Overflow

Jquery How to read custom attribute value

EDIT

4 Answers 4

Comments

Comments

Wroking DEMO

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

EDIT

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related