In diesem Tutorial wird erläutert, wie Sie den Dropdown-Box-Wert in jQuery festlegen. Um den ausgewählten Dropdown-Box-Wert anzuzeigen, verwenden wir die folgende Methode. dh $(“#idName”).val();. Um einen bestimmten Wert im Dropdown-Feld festzulegen, verwenden wir die folgende Methode: $(“#idName”).val(“audi“);. Das folgende Beispiel zeigt, wie der Dropdown-Wert festgelegt und der Wert in der Dropdown-Liste deaktiviert und aktiviert wird. Wenn Sie Fragen haben, schreiben Sie diese bitte in den Kommentarbereich.
[Beispiel für einen JQuery-aktivierten Selektor](https://javatipps.de/beispiel-fuer-einen-jquery-aktivierten-selektor/)
Beispiel für die JQuery-Einstellung eines Dropdown-Werts
<!doctype html>
<head>
<title>Setting Dropdown Value</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<style>
#cars{
background:cyan;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("#selected_val").click(function(){
alert($("#cars").val());
});
$("#my_audi").click(function(){
$("#cars").val("audi");
});
$("#my_volvo").click(function(){
$("#cars").val("volvo");
});
$("#disable_benz").click(function(){
$("#cars option(value="benz")").attr("disabled",true);
});
$("#enable_benz").click(function(){
$("#cars option(value="benz")").attr("disabled",false);
});
});
</script>
<body>
<select id="cars">
<option value="None" style="background-color: Gray;">--Select--</option>
<option value="audi" style="background-color: Brown;">Audi</option>
<option value="volvo" style="background-color: Pink;">Volvo</option>
<option value="benz" style="background-color: Orange;">Benz</option>
</select><br><br>
<input type="button" value="Dispaly Selected Value" id="selected_val">
<input type="button" value="Select Audi" id="my_audi">
<input type="button" value="Select Volvo" id="my_volvo">
<input type="button" value="Disable Benz" id="disable_benz">
<input type="button" value="Enable Benz" id="enable_benz">
</body>
</html>
Wie im obigen Programm gezeigt, haben wir den Code in $(document).ready verwendet, bei dem es sich um ein Ereignis handelt, das ausgelöst wird, wenn das Dokument bereit ist. Es wird ausgeführt, sobald das Seitendokumentobjektmodell für die Ausführung von JavaScript-Code bereit ist.
$(“#selected_val”).click(function(){alert($(“#cars”).val());}) Zeile definiert die Klickmethode, die auftritt, wenn der Benutzer auf die Schaltfläche klickt, mit der eine Warnmeldung angezeigt wird Spezifizierter Wert.
Die Zeile $(“#disable_benz”).click(function(){$(“#cars option(value=’benz‘)”).attr(“disabled”,true);}) gibt die Deaktivierung eines bestimmten Werts im Drop an Down-Liste. Wenn ein Element deaktiviert ist, erscheint es abgeblendet und reagiert nicht auf Benutzereingaben. Der Attributselektor „disabled“ ist ein boolesches Attribut, wobei der Wert „true“ angibt, dass das Element deaktiviert ist, und der Wert „false“ angibt, dass das Element nicht deaktiviert ist.
Wir haben die Farbeigenschaft im CSS-Stil verwendet, um für jeden Wert im Dropdown-Feld eine andere Hintergrundfarbe festzulegen.
JQuery-Einstellungs-Dropdown-Wert-Demo
Wenn Sie das obige Beispiel ausführen, erhalten Sie die folgende Ausgabe:
Führen Sie die Dropdown-Wert-Demo aus
JQuery-Dropdown-Wert
Sign in with Wallet
Connect another wallet