how do i pull what is in between the option tag

in a dropdown box, i know that i can do ele.value to get the value of the option, but i want the label or 'xxx'

<option val='val'>xxx</option>

thanks

Use ele.text.
dumpfi

that returns undefined

document.getElementById('course_id').text //course_id is the dropdown

Hi there emehrkay,

here is an example...
<script type="text/javascript">
<!--
window.onload=function(){
df=document.forms[0][0];
for(c=0;c<df.options.length;c++) {
alert(df[c].firstChild.data);
}
}
//-->
</script>

<form action="#">
<div>
<select>
<option>---</option>
<option>xxx</option>
<option>yyy</option>
<option>zzz</option>
</select>
</div>
</form>
coothead

coothead that works, but how can i just pull the value that is selected?

Hi there emehrkay,

no problem...
<script type="text/javascript">
<!--
window.onload=function(){
df=document.forms[0][0];
df.onchange=function() {
alert(df.options[df.options.selectedIndex].firstChild.data);
}
}
//-->
</script>

<form action="#">
<div>
<select>
<option value="0">---</option>
<option value="1">xxx</option>
<option value="2">yyy</option>
<option value="3">zzz</option>
</select>
</div>
</form>
coothead

thanks coothead, i got it beforre i checked the thread

document.getElementById('course_id').childNodes[0].firstChild.nodeValue;

document.getElementById('course_id').text //course_id is the dropdownI should have mentioned that this is a property of the option element and not the select element.

So you would have to use something like:
var sel = document.getElementById('course_id');
alert(sel.options[sel.options.selectedIndex].text);

dumpfi