How to get the text of a selected item in a select control?

Question

 <select name="DropList" id="serverDropList"> 
  <option selected="selected" value="2">server1:3000</option> 
  <option value="5">server3:3000</option> 
 </select> 

i know in prototype i can get value by $('serverDropList').value but how can i get "server1:3000" ?

Answer 1

If you are using Prototype, you may use:

var text = $('serverDropList')[$('serverDropList').selectedIndex].text;