Jak uzyskać wartość wyświetlaną Wybierz przy użyciu javascript

Question

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

Używam document.getElementById("Example").value;, aby uzyskać wartość.

Chcę wyświetlić tekst zamiast wartości. na przykład. value=1 --> One. Jak mogę uzyskać tekst One?

Answer 1

W zwykłym JavaScript można to zrobić:

<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

Tutaj zaznaczony tekst i wartość jest coraz użyciu jquery podczas ładowania strony

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

przekazać ten

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