Heim  >  Artikel  >  Web-Frontend  >  jQuery fügt ausgewählte Elemente dynamisch hinzu und löscht sie (Implementierungscode)

jQuery fügt ausgewählte Elemente dynamisch hinzu und löscht sie (Implementierungscode)

巴扎黑
巴扎黑Original
2017-06-29 10:08:291303Durchsuche

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

// Den Auswahlwert abrufen

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

//Auswahlwert festlegen

//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;
}
}

// Auswahl löschen

$("#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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn