JS und JQuery fügen dynamisch eine Auswahloption hinzu

Heute hat mir ein Freund eine Frage zum dynamischen Hinzufügen von Optionen in 221f08282418e2996498697df914ce4e 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<10;i++){ //循环添加多个值
sid.option[i] = new Option(i,i);
}
sid.options[sid.options.length]=new Option("1","2"); // 在最后一个值后面添加多一个

JQuery:

$("#selectId").append("<option value=&#39;"+value+"&#39;>"+text+"</option>");

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("15ba1cdaec20352f688ebe8ab9039218Text4afa15d3069109ac30911f04c56f3338"); //Eine Option (Dropdown-Element) an Select anhängen

2. $("#select_id") .prepend("b93adbf83522c105f4709f0807fe84aePlease select4afa15d3069109ac30911f04c56f3338" //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!