id of selected select box item

[The Little Guy]

How do I get the id of a selected item in a select box?

 

so if AT&T is selected, how do I get the id: att

			<select id="mPhone">
			<option id="none">Select A Provider...</option>
			<option id="att">AT&T</option>
			<option id="alltel">Alltel</option>
			<option id="boostMobile">Boost Mobile</option>
			<option id="Cingular">Cingular</option>
			<option id="cti">CTI</option>
			<option id="nextel">Nextel</option>
			<option id="sprint">Sprint</option>
			<option id="tMobile">T-Mobile</option>
			<option id="verizon">Verizon</option>
			<option id="verginMobile">Virgin Mobile</option>
		</select>

[JasonLewis]

Try this out:

document.getElementById('mPhone').options[document.getElementById('mPhone').selectedIndex].id

[The Little Guy]

nope, that doesn't work, it just shows the number, 1, 2, 3, etc.

[The Little Guy]

modified it, and it works!

[Psycho]

It might be helpful for others if you posted the solutino (and marked the thread solved). I'm also curious why you are using IDs on the options and not just using a value for them.

[The Little Guy]

From:

document.getElementById('mPhone').options[document.getElementById('mPhone').selectedIndex].id

 

To:

var phone = document.getElementById('mPhone');
var selIndex = phone.selectedIndex;
var provider = phone.options[selIndex].id

[JasonLewis]

That's exactly the same thing, but on separate lines.

[The Little Guy]

I know, but it worked, and you version didn't for some reason...

[JasonLewis]

Worked for me. ???

Oh well.