Wie kann ich den ausgewählten Wert einer Dropdown-Box mit jQuery erhalten?
Ich habe es mit
var value = $('#dropDownId').val();y
var value = $('select#dropDownId option:selected').val();aber beide geben eine leere Zeichenkette zurück.
Antworten
Zu viele Anzeigen?
Uthaiah
Punkte
1253
Dadurch wird der ausgewählte Wert angezeigt. JQuery Code...
$(document).ready(function () {
$("#myDropDown").change(function (event) {
alert("You have Selected :: "+$(this).val());
});
});HTML Code...
<select id="myDropDown">
<option>Milk</option>
<option>Egg</option>
<option>Bread</option>
<option>Fruits</option>
</select>
Singleton
Punkte
3645
J Slick
Punkte
871
Ein weiteres erprobtes Beispiel:
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$('#bonus').change(function() {
alert($("#bonus option:selected").text());
});
});
</script>
</head>
<body>
<select id="bonus">
<option value="1">-$5000</option>
<option value="2">-$2500</option>
<option value="3">$0</option>
<option value="4">$1</option>
<option value="5">We really appreciate your work</option>
</select>
</body>
</html>
Ângelo Rigo
Punkte
1899
sakthi sudhan
Punkte
179
function fundrp(){
var text_value = $("#drpboxid option:selected").text();
console.log(text_value);
var val_text = $("#drpboxid option:selected").val();
console.log(val_text);
var value_text = $("#drpboxid option:selected").attr("value") ;
console.log(value_text);
var get_att_value = $("#drpboxid option:selected").attr("id")
console.log(get_att_value);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<select id="drpboxid">
<option id="1_one" value="one">one</option>
<option id="2_two" value="two">two</option>
<option id="3_three" value="three">three</option>
</select>
<button id="btndrp" onclick="fundrp()">Tracking Report1234</button>
3 Stimmen
Beides sollte funktionieren. Das Problem muss irgendwo anders liegen (z.B. ist der Code in eine
$(document).ready(...Block?)5 Stimmen
var value = $('#dropDownId:selected').val();4 Stimmen
Nein -
$('#dropDownId').val();ist der einfachste Weg, um den ausgewählten Wert zu erhalten.1 Stimmen
@shyam Sie brauchen select in dieser Anweisung nicht, da IDs für Dokumente eindeutig sind. Sie sollten Tag-Namen nur verwenden, wenn Sie sich auf Klassen beziehen.
select#dropDownId option:selected,0 Stimmen
Mögliche Duplikate von Wie erhält man den Index des select->option-Tags?
0 Stimmen
Siehe diesen Artikel: javascriptstutorial.com/blog/
0 Stimmen
Man kann diesen Artikel nachlesen: javascriptstutorial.com/blog/