Come ottenere il testo del valore selezionato di un elenco a discesa?

Question

Eventuali duplicati:
jQuery get specific option tag text
How to get the text of the selected option of a select using jquery?

Ho un elenco a discesa e voglio conoscere il testo della voce selezionata. Ad esempio:

<select> 
    <option value="1">Volvo</option> 
    <option value="2">Saab</option> 
    <option value="3">Mercedes</option> 
</select> 

Se conosco il valore selezionato, come posso ottenere il suo valore di testo? Ad esempio, se il valore è 1, come posso ottenere Volvo?

Aiuto molto apprezzato.

Answer 1

È possibile utilizzare option:selected per ottenere l'opzione prescelta dell'elemento select, allora il metodo text():

$("select option:selected").text(); 

Ecco un esempio:

console.log($("select option:selected").text());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<select> 
 
    <option value="1">Volvo</option> 
 
    <option value="2" selected="selected">Saab</option> 
 
    <option value="3">Mercedes</option> 
 
</select>

Answer 2

$("#select_id").find("option:selected").text(); 

È utile se il controllo è sul lato server. In .NET assomiglia:

$('#<%= dropdownID.ClientID %>').find("option:selected").text(); 

Answer 3

Il modo più semplice è attraverso css3 $("select option:selected") e quindi utilizzare la funzione .text() o .html(). dipende da cosa vuoi avere.

Answer 4

Ciao, se si hanno dropdownlist come questo

<select id="testID"> 
<option value="1">Value1</option> 
<option value="2">Value2</option> 
<option value="3">Value3</option> 
<option value="4">Value4</option> 
<option value="5">Value5</option> 
<option value="6">Value6</option> 
</select> 
<input type="button" value="Get dropdown selected Value" onclick="getHTML();"> 

dopo aver dato id per DropDownList voi solo bisogno di aggiungere il codice jQuery come questo

function getHTML() 
{ 
     var display=$('#testID option:selected').html(); 
     alert(display); 
}