Obtenir le texte sélectionné dans une liste déroulante (case de sélection) à l'aide de jQuery

Comment puis-je obtenir le texte sélectionné (pas la valeur sélectionnée) à partir d'une liste déroulante dans jQuery?

$("#yourdropdownid option:selected").text();

Essaye ça:

$("#myselect :selected").text();

Pour une liste déroulante ASP.NET, vous pouvez utiliser le sélecteur suivant:

$("[id*='MyDropDownId'] :selected")

Les réponses affichées ici, par exemple,

$('#yourdropdownid option:selected').text();

n'a pas fonctionné pour moi, mais cela a:

$('#yourdropdownid').find('option:selected').text();

Il s'agit peut-être d'une ancienne version de jQuery.

Si vous avez déjà la liste déroulante disponible dans une variable, voici ce qui fonctionne pour moi:

$("option:selected", myVar).text()

Les autres réponses à cette question m'ont aidé, mais finalement l' option de thread $ jQuery $ (this + "option: selected"). Attr ("rel") sélectionnée ne fonctionne pas dans IE a le plus aidé.

Mise à jour: correction du lien ci-dessus

Ça marche pour moi

$("#dropdownid").change(function() {
    alert($(this).find("option:selected").text());
});

Si l'élément créé dynamiquement

$(document).on("change", "#dropdownid", function() {
    alert($(this).find("option:selected").text());
});

$("option:selected", $("#TipoRecorde")).text()

$("#DropDownID").val() donnera la valeur d'index sélectionnée.

Cela fonctionne pour moi:

$('#yourdropdownid').find('option:selected').text();

Version jQuery : 1.9.1

Pour le texte de l'élément sélectionné, utilisez:

$('select[name="thegivenname"] option:selected').text();

Pour la valeur de l'élément sélectionné, utilisez:

$('select[name="thegivenname"] option:selected').val();

Différentes manières

1. $("#myselect option:selected").text();

2. $("#myselect :selected").text();

3. $("#myselect").children(":selected").text();

4. $("#myselect").find(":selected").text();

$("#dropdownID").change(function(){
  alert($('option:selected', $(this)).text());
});

Utilisez ceci

const select = document.getElementById("yourSelectId");

const selectedIndex = select.selectedIndex;
const selectedValue = select.value;
const selectedText = select.options[selectedIndex].text;   

Ensuite, vous obtenez la valeur et le texte sélectionnés dans selectedValueet selectedText.

var someName = "Test";

$("#<%= ddltest.ClientID %>").each(function () {
    $('option', this).each(function () {
        if ($(this).text().toLowerCase() == someName) {
            $(this).attr('selected', 'selected')
        };
    });
});

Cela vous aidera à obtenir la bonne direction. Le code ci-dessus est entièrement testé si vous avez besoin d'aide supplémentaire, faites le moi savoir.

Pour ceux qui utilisent des listes SharePoint et ne veulent pas utiliser l'ID généré longtemps, cela fonctionnera:

var e = $('select[title="IntenalFieldName"] option:selected').text();

 $("#selectID option:selected").text();

Au lieu de cela, #selectIDvous pouvez utiliser n'importe quel sélecteur jQuery, comme en .selectClassutilisant class.

Comme mentionné dans la documentation ici .

Le sélecteur: selected fonctionne pour les éléments <option>. Cela ne fonctionne pas pour les cases à cocher ou les entrées radio; utiliser :checkedpour eux.

.text () Selon la documentation ici .

Obtenez le contenu textuel combiné de chaque élément dans l'ensemble des éléments correspondants, y compris leurs descendants.

Vous pouvez donc prendre le texte de n'importe quel élément HTML en utilisant la .text()méthode.

Reportez-vous à la documentation pour une explication plus approfondie.

$("select[id=yourDropdownid] option:selected").text()

Cela fonctionne bien

Pour obtenir la valeur sélectionnée, utilisez

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

et pour obtenir le texte de l'élément sélectionné, utilisez cette ligne:

$("#dropDownId option:selected").text();

$('#id').find('option:selected').text();

Sélectionnez Texte et valeur sélectionnée dans la liste déroulante / sélectionnez l'événement de changement dans jQuery

$("#yourdropdownid").change(function() {
    console.log($("option:selected", this).text()); //text
    console.log($(this).val()); //value
})

Essayez simplement le code suivant.

var text= $('#yourslectbox').find(":selected").text();

il renvoie le texte de l'option sélectionnée.

Utilisation:

('#yourdropdownid').find(':selected').text();

var e = document.getElementById("dropDownId");
var div = e.options[e.selectedIndex].text;

ce qui suit a fonctionné pour moi:

$.trim($('#dropdownId option:selected').html())

Ce travail pour moi:

$("#city :selected").text();

J'utilise jQuery 1.10.2

En cas de fratrie

<a class="uibutton confirm addClient" href="javascript:void(0);">ADD Client</a>
<input type="text" placeholder="Enter client name" style="margin: 5px;float: right" class="clientsearch large" />
<select class="mychzn-select clientList">
  <option value="">Select Client name....</option>
  <option value="1">abc</option>
</select>


 /*jQuery*/
 $(this).siblings('select').children(':selected').text()

Essayer:

$var = jQuery("#dropdownid option:selected").val();
   alert ($var);

Ou pour obtenir le texte de l'option, utilisez text():

$var = jQuery("#dropdownid option:selected").text();
   alert ($var);

Plus d'informations:

• http://api.jquery.com/val/
• http://api.jquery.com/text/

Si vous voulez le résultat sous forme de liste, utilisez:

x=[];
$("#list_id").children(':selected').each(function(){x.push($(this).text());})

$("#dropdown").find(":selected").text();


$("#dropdown :selected").text();

$("#dropdown option:selected").text();

$("#dropdown").children(":selected").text();

Ce code a fonctionné pour moi.

$("#yourdropdownid").children("option").filter(":selected").text();