Javascript and select boxes

[eva21]

Here is my html code:

<select name="courseMaintance" id="courseMaintance">

<option value="0"></option>

<option value="0.05">5%</option>

<option value="0.10">10%</option>

<option value="0.15">15%</option>

<option value="0.20">20%</option>

<option value="0.25">25%</option>

<option value="0.30">30%</option>

<option value="0.50">50%</option>

</select>

 

Here is my javascript:

  var x = document.courseMaintance.selectedIndex;

  var selected_percent = document.courseMaintance.option[x].text;

 

and it keeps saying its a null object...what am i doing wrong?

[jwilliam]

That's because courseMaintance is not a direct child of document.  The easiest way to access the select (but not the most efficient... fyi) is to do something like this:

 

var select_menu = document.getElementById('courseMaintance');

[gathos]

I don't know if this will help you but i just did up a select option and to access the value that was selected i usedsomething sililar like:

var selected_percent = document.getElementById('courseMaintance).value

that way i access the value directly, i don't know if it's needed or not, but it works.

 

later days,

gathos