web-dev-qa-db-fra.com

Obtenir la valeur et le texte de SELECT dans jQuery

Duplicate possible:
Obtenir la valeur de la balise d'option sélectionnée dans une zone de sélection

Pour une zone de sélection, comment obtenir la valeur et le texte de l'élément sélectionné dans jQuery?

Par exemple,

<option value="value">text</option>
37
CL22
<select id="ddlViewBy">
    <option value="value">text</option>
</select>

JQuery

var txt = $("#ddlViewBy option:selected").text();
var val = $("#ddlViewBy option:selected").val();

JS Fiddle DEMO

90
Vishal Suthar
$("#yourdropdownid option:selected").text(); // selected option text
$("#yourdropdownid").val(); // selected option value
12
Zahid Riaz
$('select').val()  // Get's the value

$('select option:selected').val() ; // Get's the value

$('select').find('option:selected').val() ; // Get's the value

$('select option:selected').text()  // Gets you the text of the selected option

Vérifier FIDDLE

9
Sushanth --

Vous pouvez faire comme ceci pour obtenir la valeur actuellement sélectionnée:

$('#myDropdownID').val();

& pour obtenir le texte actuellement sélectionné:

$('#myDropdownID:selected').text();
6
Fredy

sur la base de votre seule balise jQuery :)

HTML

<select id="my-select">
<option value="1">This is text 1</option>
<option value="2">This is text 2</option>
<option value="3">This is text 3</option>
</select>

Pour le texte -

$(document).ready(function() {
    $("#my-select").change(function() {
        alert($('#my-select option:selected').html());
    });
});

pour valeur -

$(document).ready(function() {
    $("#my-select").change(function() {
        alert($(this).val());
    });
});
4
swapnesh