Ich versuche, den ausgewählten Text und nicht den Wert aus meiner Dropdown-Liste für Bootstraps abzurufen, aber meine .text () -Anweisung gibt eine Zeichenfolge zurück, die alle Werte mit einem\n zwischen den Werten enthält.
Hier ist mein gerendertes HTML
<select class="form-control" id="SpaceAccommodation" name="YogaSpaceAccommodation">
<option selected="selected" value="0">1-4</option>
<option value="1">5-9</option>
<option value="2">10-15</option>
<option value="3">16-20</option>
<option value="4">20+</option>
</select>
Hier ist mein Javascript, aber selectedText gibt '5-9\n10-15\n16-20\n20 +' .__ zurück. Ich möchte, dass es 5-9 oder 10-15 usw. zurückgibt.
$('#SpaceAccommodation').change(function () {
var selectedText = $(this).text();
});
Sie können den Text des ausgewählten Werts mit $(this).find("option:selected").text()
abrufen.
$('#SpaceAccommodation').change(function () {
var selectedText = $(this).find("option:selected").text();
$(".test").text(selectedText);
});
<script src="https://code.jquery.com/jquery-1.6.4.min.js"></script>
<select class="form-control" id="SpaceAccommodation" name="YogaSpaceAccommodation">
<option selected="selected" value="0">1-4</option>
<option value="1">5-9</option>
<option value="2">10-15</option>
<option value="3">16-20</option>
<option value="4">20+</option>
</select>
<div class="test"></div>
$(document).ready(function () {
$('.chzn-select').change(function () {
alert( $('.chzn-select option:selected').text());
});
});
<select id="second" class="chzn-select" style="width: 100px">
<option value="1">one</option>
<option value="2">two</option>
</select>
Dies basiert auf der css3-Pseudoklasse :selected
. Es ist sehr ähnlich zu :checked
, ich konnte keine Dokumente für :selected
finden
Falls es jemanden interessiert, habe ich eine andere Lösung. Ich habe mir nur die Argumente aus den Dokumenten angesehen. Sie können so etwas tun (vorausgesetzt, Sie haben das value-Tag des option-Elements gesetzt.)
$('#type_dropdown')
.on('changed.bs.select',
function(e, clickedIndex, newValue, oldValue) {
alert(e.target.value);
});
});
Siehe https://silviomoreto.github.io/bootstrap-select/options/