How do I do this SELECT/OPTION in HTML? (javascript)

Question

Suppose I have this:

<select id="myselect">
<option rel="a">1</option>
<option rel="b">2</option>
<select>

How do I use JQuery so that onchange $("#myselect"), I alert the "rel" part of the option (not 1 or 2)

Bear in mind that rel is not an attribute of option, so this HTML won't validate and this may cause problems in some browsers (going in to Quirks mode). — Dancrumb
– Dancrumb, Commented Mar 17, 2010 at 22:37

Chetan S · Accepted Answer · 2010-03-17 22:32:00Z

3

$("#myselect").change(function() {
    alert($(this).find("option:selected").attr("rel"));
});

answered Mar 17, 2010 at 22:32

Chetan S

23.8k2 gold badges67 silver badges78 bronze badges

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

Comments

middus · Accepted Answer · 2010-03-17 22:30:59Z

2

How about this?

$("myselect").change(function(){
  $(this).children("option:selected").each(function () {
            alert($(this).attr('rel');
          });
});

Should work for multiple selects, too.

answered Mar 17, 2010 at 22:30

middus

9,1291 gold badge34 silver badges33 bronze badges

Comments

Nick Presta · Accepted Answer · 2010-03-17 22:32:17Z

2

$("#myselect").change(function() {
    $("#myselect option:selected").each(function () {
        alert($(this).attr('rel'));
    });
});

Just to mention, my code will also work if you have the multiple="multiple" attribute on your SELECT element, alerting both values.

answered Mar 17, 2010 at 22:32

Nick Presta

28.8k6 gold badges61 silver badges76 bronze badges

Comments

animuson · Accepted Answer · 2010-03-17 22:32:22Z

1

The 'rel' attribute is not supported on an option element, you should be using the 'value' attribute to specify a value for your options. I'm sure jQuery can fetch that much easier than an unsupported attribute.

answered Mar 17, 2010 at 22:32

animuson♦

54.9k28 gold badges142 silver badges150 bronze badges

Collectives™ on Stack Overflow

How do I do this SELECT/OPTION in HTML? (javascript)

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related