Cómo obtener el valor de visualización de Seleccionar utilizando javascript

Question

<Select> 
    <option value="1">One</option> 
    <option value="2">Two</option> 
    <option value="3">Three</option> 
</Select> 

Estoy usando document.getElementById("Example").value; para obtener el valor.

Quiero mostrar el texto en lugar del valor. p.ej. value=1 --> One. ¿Cómo puedo obtener el texto One?

Answer 1

En la llanura de JavaScript se puede hacer esto:

<select id="Example"> 
    <option value="1">One</option> 
    <option value="2">Two</option> 
    <option value="3">Three</option> 
</select> 

var sel = document.getElementById("Example"); 
var value = sel.options[sel.selectedIndex].value; // or sel.value 
var text = sel.options[sel.selectedIndex].text; 

jQuery:

var $sel = $("#Example"); 
var value = $sel.val(); 
var text = $("option:selected",$sel).text(); 

Answer 2

Aquí el texto y el valor seleccionado es conseguir usando jQuery cuando se carga la página

$(document).ready(function() { 
var ddlText = $("#ddlChar option:selected").text(); 
var ddlValue = $("#ddlChar option:selected").val(); 
}); 

refieren este

http://csharpektroncmssql.blogspot.in/2012/03/jquery-how-to-select-dropdown-selected.html

http://praveenbattula.blogspot.in/2009/08/jquery-how-to-set-value-in-drop-down-as.html