Geselecteerde tekst ophalen uit een vervolgkeuzelijst (selectievakje) met jQuery

Hoe krijg ik de geselecteerde tekst (niet de geselecteerde waarde) uit een vervolgkeuzelijstin jQuery?


Antwoord 1, autoriteit 100%

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

Antwoord 2, autoriteit 7%

Probeer dit:

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

Voor een ASP.NET dropdown kunt u de volgende selector gebruiken:

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

Antwoord 3, autoriteit 6%

De antwoorden die hier zijn gepost, bijvoorbeeld

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

werkte niet voor mij, maar dit wel:

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

Het is mogelijk een oudere versie van jQuery.


Antwoord 4, autoriteit 3%

Als je de vervolgkeuzelijst al beschikbaar hebt in een variabele, is dit wat voor mij werkt:

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

De andere antwoorden op deze vraag hebben me geholpen, maar uiteindelijk is de jQuery-forumthread $(this + “option:selected”).attr(“rel”) geselecteerde optie werkt niet in IEhet meest geholpen.

Update: bovenstaande link gerepareerd


Antwoord 5, autoriteit 2%

Dit werkt voor mij

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

Als het element dynamisch is gemaakt

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

Antwoord 6, autoriteit 2%

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

Antwoord 7

$("#DropDownID").val()geeft de geselecteerde indexwaarde.


Antwoord 8

Dit werkt voor mij:

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

jQueryversie: 1.9.1


Antwoord 9

Gebruik voor de tekst van het geselecteerde item:

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

Gebruik voor de waarde van het geselecteerde item:

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

Antwoord 10

Verschillende manieren

1. $("#myselect option:selected").text();
2. $("#myselect :selected").text();
3. $("#myselect").children(":selected").text();
4. $("#myselect").find(":selected").text();

Antwoord 11

Gebruik dit

const select = document.getElementById("yourSelectId");
const selectedIndex = select.selectedIndex;
const selectedValue = select.value;
const selectedText = select.options[selectedIndex].text;   

Vervolgens krijg je je geselecteerde waarde en tekst binnen selectedValueen selectedText.


Antwoord 12

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

Antwoord 13

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

Dat zal je helpen om de juiste richting te bepalen. Bovenstaande code is volledig getest als je meer hulp nodig hebt, laat het me weten.


Antwoord 14

Voor degenen die SharePoint-lijsten gebruiken en de lang gegenereerde id niet willen gebruiken, werkt dit:

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

Antwoord 15

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

In plaats van #selectIDkun je elke jQuery selector gebruiken, zoals .selectClassmet class.

Zoals vermeld in de documentatie hier.

De :geselecteerde selector werkt voor <option> elementen. Het werkt niet voor selectievakjes of radio-ingangen; gebruik :checkedvoor hen.

.text()Volgens de documentatie hier.

Verkrijg de gecombineerde tekstinhoud van elk element in de set overeenkomende elementen, inclusief hun afstammelingen.

Je kunt dus tekst uit elk HTML-element halen met de methode .text().

Raadpleeg de documentatie voor een diepere uitleg.


Antwoord 16

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

Dit werkt prima


Antwoord 17

Voor het verkrijgen van geselecteerde waarde gebruik

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

en gebruik deze regel om geselecteerde itemtekst op te halen:

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

Antwoord 18

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

Antwoord 19

Selecteer tekst en geselecteerde waarde in vervolgkeuzelijst/selecteer wijzigingsgebeurtenis in jQuery

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

Antwoord 20

Probeer:

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

Of om de tekst van de optie te krijgen, gebruik text():

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

Meer informatie:


Antwoord 21

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

Antwoord 22

Probeer gewoon de volgende code.

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

het geeft de tekst van de geselecteerde optie terug.


Antwoord 23

Gebruik:

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

Antwoord 24

het volgende werkte voor mij:

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

Antwoord 25

Dit werkt voor mij:

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

Ik gebruik jQuery 1.10.2


Antwoord 26

In geval van broer of zus

<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()

Antwoord 27

$(function () {
  alert('.val() = ' + $('#selectnumber').val() + '  AND  html() = ' + $('#selectnumber option:selected').html() + '  AND .text() = ' + $('#selectnumber option:selected').text());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head runat="server">
    <title></title>
  </head>
  <body>
    <form id="form1" runat="server">
      <div>
        <select id="selectnumber">
          <option value="1">one</option>
          <option value="2">two</option>
          <option value="3">three</option>
          <option value="4">four</option>
        </select>
      </div>
    </form>
  </body>
</html>

Antwoord 28

Deze code werkte voor mij.

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

Antwoord 29

Als je het resultaat als een lijst wilt, gebruik dan:

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

Antwoord 30

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

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

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

Other episodes