javascript - Få valgt tekst fra en nedtrekksliste (valgboks) ved å bruke jQuery

Hvordan kan jeg hente den valgte teksten (ikke den valgte verdien) fra en nedtrekksliste i jQuery?

Svar #1

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

Svar #2

Prøv dette:

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

For en ASP.NET-rullegardin kan du bruke følgende velger:

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

Svar #3

Svarene som er lagt ut her, for eksempel,

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

virket ikke for meg, men dette gjorde:

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

Det er muligens en eldre versjon av jQuery.

Svar #4

Hvis du allerede har rullegardinlisten tilgjengelig i en variabel, er dette det som fungerer for meg:

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

De andre svarene på dette spørsmålet hjalp meg, men til slutt var det jQuery-forumtråden $ (this + "option:selected").attr("rel") option selected fungerer ikke i IE som hjalp mest.

Oppdatering: fikset lenken ovenfor

Svar #5

Dette fungerer for meg

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

Hvis elementet opprettes dynamisk

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

Svar #6

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

Svar #7

Dette fungerer for meg:

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

jQuery-versjon: 1.9.1

Svar #8

$ ("#DropDownID").val() vil gi den valgte indeksverdien.

Svar #9

For teksten til det valgte elementet, bruk:

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

For verdien av det valgte elementet, bruk:

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

Svar #10

Bruk dette

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

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

Da får du din valgte verdi og tekst inne i selectedValue og selectedText.

Svar #11

Ulike måter

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

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

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

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

Svar #12

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

Svar #13

var someName = "Test";

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

Det vil hjelpe deg med å få riktig retning. Ovennevnte kode er fullt testet, hvis du trenger mer hjelp, gi meg beskjed.

Svar #14

Denne koden fungerte for meg.

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

Svar #15

For de som bruker SharePoint-lister og ikke ønsker å bruke den lange genererte ID-en, vil dette fungere:

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

Svar #16

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

I stedet for #selectID kan du bruke hvilken som helst jQuery-velger, som .selectClass ved å bruke klasse.

Som nevnt i dokumentasjonen her.

:selected-selectoren fungerer for <option>-elementer. Den fungerer ikke for avkrysningsbokser eller radioknapper; bruk :checked for dem.

.text() I henhold til dokumentasjonen her.

Hent den kombinerte tekstinnholdet til hvert element i settet av samsvarende elementer, inkludert deres etterkommere.

Så du kan hente tekst fra et hvilket som helst HTML-element ved å bruke .text()-metoden.

Se dokumentasjonen for en grundigere forklaring.

Svar #17

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


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

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

Svar #18

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

Dette fungerer bra

Svar #19

Prøv :

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

Eller for å få teksten til alternativet, bruk text():

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

Mer info:

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

Svar #20

Prøv ganske enkelt følgende kode.

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

det returnerer teksten til det valgte alternativet.

Svar #21

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

Svar #22

For å hente valgt verdi, bruk

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

og for å få teksten til det valgte elementet, bruk denne linjen:

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

Svar #23

Velg tekst og valgt verdi på dropdown/select endringshendelse i jQuery

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

Svar #24

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

Relaterte artikler