How to get parameter of current selected SELECT?

Question

<select id="sel"> <option value="1" test="aaa">dsfsdf</option> <option value="2" test="bbb">ssssss</option> <option value="3" test="ccc">dggggg</option> </select> <span id="check">check</span> $("#check").click(function(){ console.log($("#sel option").attr("selected", true).attr('test')); })

LIVE: http://jsfiddle.net/rhqbG/

Now this show me always "aaa". How can i make it?

zerkms · Accepted Answer · 2012-01-25 01:27:06Z

4

You could rewrite it to

console.log($("#sel option:selected").attr('test'));

http://jsfiddle.net/gYpYV/

answered Jan 25, 2012 at 1:27

zerkms

256k73 gold badges447 silver badges551 bronze badges

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

Comments

Niet the Dark Absol · Accepted Answer · 2012-01-25 01:32:05Z

document.getElementById('sel').value;

Should do the trick.

EDIT

var sel = document.getElementById('sel'); var opt = sel.options[sel.selectedIndex]; // now get attributes of opt, such as: console.log(opt.getAttribute("test"));

Mad Man Moon · Accepted Answer · 2012-01-25 01:44:59Z

Just to note, it's poor practice to include non-conforming custom attributes on elements. If you're using HTML 5 you can use "data-" custom attributes, but otherwise it would be preferable to maintain a JavaScript hash of values associated with the element.

Collectives™ on Stack Overflow

How to get parameter of current selected SELECT?

3 Answers 3

Comments

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Related