Heim > Artikel > Web-Frontend > jQuery fügt ausgewählte Elemente dynamisch hinzu und löscht sie (Implementierungscode)
Das Folgende ist eine detaillierte Analyse und Einführung in den Implementierungscode von jQuery dynamisch hinzufügen löschen ausgewählte Elemente können kommen und sich darauf beziehen
Kopieren Sie den Code Der Code lautet wie folgt:
// Fügen Sie
function col_add() {
var selObj = $("#mySelect"); var value="value ";
var text="text";
selObj.append("" );
}
//Delete
function col_
delete() { var selOpt = $("#mySelect option:selected");
selOpt.remove ();
}
// Löschen
function col_clear() {
var selOpt = $("#mySelect option");
selOpt.remove();
}
Die obige Methode fügt die Auswahl für jQuery dynamisch hinzu, löscht sie und löscht sie. Im Folgenden erfahren Sie, wie Sie reines JS schreiben:
Code kopieren Der Code lautet wie folgt:
var sid =
document.getElementById(" mySelect");sid.options[sid.options.length]=new Option("text","value"); // Ein Element am Ende von select hinzufügen
Andere häufig verwendete Methoden:
Code kopieren Der Code lautet wie folgt:
$("#mySelect" ).change(function(){// code...}); //Wird ausgelöst, wenn sich das ausgewählte Element ändert
var text=$("#mySelect") .find("option:selected").text (); //Den Text abrufen
var value=$("#mySelect").val(); //Den Wert abrufen
var value=$( "#mySelect option: selected").attr("value"); //Den Wert des ausgewählten Elements abrufen
var index=$("#mySelect").get(0).selectedIndex;
des Werts „Element auswählen“, beginnend bei 0var index=$("#mySelect option:selected").attr("index"); //Nicht verfügbar! ! !
var index=$("#mySelect option:selected").index(); //Erhalten Sie den Indexwert der Select-Option, beginnend bei 0
var maxIndex=$("#mySelect option:last" ) .attr("index"); //Nicht verfügbar! ! !
var maxIndex=$("#mySelect option:last").index();//Erhalten Sie den maximalen Indexwert von Select, beginnend bei 0
$("#mySelect").prepend(""); //Ein Element vor dem ersten Element in Select einfügen
//Das ausgewählte Element entsprechend festlegen index
$( "#mySelect").get(0).selectedIndex=index;//index ist der Indexwert
//Setzt das ausgewählte Element entsprechend dem Wert
$("#mySelect") .attr("value","newValue");
$("#mySelect").val("newValue");
$("#mySelect").get(0).value = value;
//Je nach Texteinstellungen ist das Element das ausgewählte Element
var count=$("#mySelect option").length
for(var i=0;i
if($(" #mySelect").get(0).options[i].text == text)
{
$("#mySelect").get(0). options[i].selected = true;
break;
}
}
$("#mySelect").empty();
Das obige ist der detaillierte Inhalt vonjQuery fügt ausgewählte Elemente dynamisch hinzu und löscht sie (Implementierungscode). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!