JS und JQuery fügen dynamisch eine Auswahloption hinzu

Heute hat mir ein Freund eine Frage zum dynamischen Hinzufügen von Optionen in gestellt. Zuerst dachte ich, es sei dynamisch in JS hinzugefügt worden, also habe ich die Methode zum dynamischen Hinzufügen von Optionen in JS verwendet, aber Sie haben JQuery verwendet, also Da Es werden immer Fehler auftreten. Beachten Sie den Unterschied zwischen dem Hinzufügen von Optionen in JS und JQuery.

JS:

var selid = document.getElementById("sltid"); for(var i=0; i Nach dem Login kopieren

JQuery:

$("#selectId").append(" "+text+" "); Nach dem Login kopieren

Natürlich gibt es zusätzlich zu diesem Satz auch Möglichkeiten, den Standardauswahlwert, den ersten Wert, den letzten Wert, den N-ten Wert usw. festzulegen, also habe ich online gesucht:

jQuery ruft den von Select:

1 ausgewählten Text und Wert ab. is Select fügt ein Ereignis hinzu, das ausgelöst wird, wenn eines der Elemente ausgewählt wird

2. var checkText=$("#select_id").find("option:selected").text() ; //Ausgewählten Text abrufen

3. var checkValue=$("#select_id").val(); checkIndex= $("#select_id ").get(0).selectedIndex; //Den Indexwert von Select abrufen

5. attr( "index"); //Ermitteln Sie den maximalen Indexwert von Select

jQuery zum Hinzufügen/Löschen des Optionselements von Select:

1. #select_id"). append(" Text "); //Eine Option (Dropdown-Element) an Select anhängen

2. $("#select_id") .prepend(" Please select " //Option (erste Position) für Select einfügen

3. $( "#select_id option:last").remove(); //Löschen Sie die Option mit dem größten Indexwert in Select (der letzte)

4 option[index='0'] ").remove(); //Löschen Sie die Option (zuerst) mit Indexwert 0 in Select

5. $("#select_id option[value=' 3']"). remove(); //Option löschen

5. $("#select_id option[text='4']").remove(); //Option löschen mit Text='4' in Select

Das oben genannte Wissen über das dynamische Hinzufügen von Select-Optionen in JS und JQuery wird Ihnen hoffentlich weiterhelfen Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und ich werde Ihnen rechtzeitig antworten. Ich möchte mich auch bei Ihnen allen für Ihre Unterstützung der chinesischen PHP-Website bedanken!

Weitere Artikel zum dynamischen Hinzufügen ausgewählter Optionen zu JS und JQuery finden Sie auf der chinesischen PHP-Website!