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 selectedValue
en 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 #selectID
kun je elke jQuery selector gebruiken, zoals .selectClass
met class.
Zoals vermeld in de documentatie hier.
De :geselecteerde selector werkt voor <option> elementen. Het werkt niet voor selectievakjes of radio-ingangen; gebruik :checked
voor 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();