Die Add-, Lösch-, Änderungs- und Prüfvorgänge von Jquery für select_jquery

Sie können sich den traditionellen vier Vorgängen nicht entziehen: Hinzufügen, Löschen, Ändern und Überprüfen.

[Hinzugefügt]:

Code kopieren Der Code lautet wie folgt:

$("#select_id").append("Text"); //Eine Option (Dropdown-Element) an Select
anhängen $("#select_id").prepend("Please select" //Eine Option (erste Position) für Select
einfügen

[Gelöscht]:

Code kopieren Der Code lautet wie folgt:

$("#select_id option:last").remove(); //Löschen Sie die Option mit dem größten Indexwert in Select (dem letzten)
$("#select_id option[index='0']").remove(); //Löschen Sie die Option (zuerst) mit dem Indexwert 0 in Select
$("#select_id option[value='3']").remove(); //Löschen Sie die Option mit Value='3' in Select
$("#select_id option[text='4']").remove(); //Löschen Sie die Option mit Text='4' in Select
$("#select_id").empty(); //Empty

[Ändern](Ausgewählte Elemente festlegen):

Code kopieren Der Code lautet wie folgt:

$("#select_id ").get(0).selectedIndex=1; //Setzen Sie das Element mit dem Select-Indexwert 1, um
auszuwählen $("#select_id ").val(4); //Setzen Sie den Select-Wert auf 4, um das Element
auszuwählen $("#select_id option[text='jQuery']").attr("selected", true); //Setzen Sie den Textwert von Select auf das ausgewählte jQuery-Element

[Prüfen](Den ausgewählten Wert abrufen):

1. Ermitteln Sie den Wert des ausgewählten Artikels

Code kopieren Der Code lautet wie folgt:

$("#select_id").val(); //Den Wert des ausgewählten Elements abrufen
$("#select_id ").get(0).selectedIndex; //Den Indexwert des ausgewählten Elements abrufen
$("#select_id").find("option:selected").text(); //Den Text des ausgewählten Elements abrufen
$("#select_id option:last").attr("index"); //Den maximalen Indexwert von Select
abrufen

Ein Codebeispiel ist beigefügt. Die Codefunktion besteht darin, die Anzahl der Tage in der Option „Tag“ entsprechend dem tatsächlich ausgewählten „Jahr“ und „Monat“ zu ändern.

Der in PHP geschriebene Standardwert $("select.day") hat zunächst 31 Tage, da der Standardwert Januar ist:

Code kopieren Der Code lautet wie folgt:

//Jahr
for ($year = 1990; $year <= date("Y"); $year) {
?>
            
}
?>

Code kopieren Der Code lautet wie folgt:

//month
for ($month = 1; $month <= 12; $month) {
?>
            
}
?>

Code kopieren Der Code lautet wie folgt:

//Tag
für ($day = 1; $day <= 31; $day) {
?>
            
}
?>

JQuery-Code:

Code kopieren Der Code lautet wie folgt:

$(document).ready(function() {
$("select.month, select.year").change(function() { //Änderungen in „year“ und „month“ können zu Änderungen in „day“ führen
            $("select.day").empty(); //Sehr wichtig, zuerst löschen
für (var i = 1; i < 31; i ) {
               var option = $("").val(i).text(i);
                 $("select.day").append(option);
}
         var monatlich = $("select.month").val();
If ((Monat % 2 && Monat < 8) || (Monat % 2 === 0 && Monat > 7)) {
                   $("select.day").append("31"); //Eine Option anhängen
, wenn die Anzahl der Tage 31 Tage beträgt }
Wenn (Monat === 2) {
                $("select.day option:last").remove();
                $("select.day option:last").remove(); //Die Anzahl der Tage im Februar beträgt 28
          var year = $("select.year").val();
If ((Jahr % 4 === 0 && Jahr % 100) || Jahr % 400 === 0)
                   $("select.day").append("29"); //Eins zur Anzahl der Tage im Februar in Schaltjahren hinzufügen
}
});
});

Das Obige ist eine Zusammenfassung der jQuery-Implementierung zum Hinzufügen, Löschen, Ändern und Überprüfen ausgewählter Vorgänge. Ich hoffe, es gefällt Ihnen allen.