JS et JQuery ajoutent dynamiquement une option de sélection

Aujourd'hui, un ami m'a posé une question sur l'ajout dynamique d'options dans . Au début, je pensais que cela avait été ajouté dynamiquement dans JS, j'ai donc utilisé la méthode d'ajout dynamique d'options dans JS, mais vous avez utilisé JQuery, donc là. sera toujours des erreurs. Notez la différence entre l'ajout d'options dans JS et JQuery.

JS :

var selid = document.getElementById("sltid"); for(var i=0; i Copier après la connexion

JQuery :

$("#selectId").append(" "+text+" "); Copier après la connexion

Bien sûr, en plus de cette phrase, il existe également des moyens de définir la valeur de sélection par défaut, la première valeur, la dernière valeur, la Nième valeur, etc., j'ai donc cherché en ligne :

jQuery récupère le texte et la valeur sélectionnés par Select :

1 $("#select_id").change(function(){//code...}); is Select ajoute un événement qui est déclenché lorsque l'un des éléments est sélectionné

2. var checkText=$("#select_id").find("option:selected").text(). ; //Obtenir le texte sélectionné

3. var checkValue=$("#select_id").val(); //Obtenir la valeur sélectionnée

4. checkIndex= $("#select_id ").get(0).selectedIndex; //Obtenir la valeur d'index de Select

5. attr( "index"); //Obtenir la valeur d'index maximale de Select

jQuery pour ajouter/supprimer l'élément Option de Select :

1. #select_id"). append(" Text "); //Ajouter une option (élément déroulant) à Select

2. $("#select_id") .prepend(" Veuillez sélectionner " //Insérez une option (première position) pour Select

3. $( "#select_id option:last").remove(); //Supprime l'option avec la plus grande valeur d'index dans Select (la dernière)

4. option[index='0'] ").remove(); //Supprimez l'option (première) avec la valeur d'index 0 dans Select

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

5. $("#select_id option[text='4']").remove(); //Supprimer l'option with Text='4' in Select

Ce qui précède concerne les connaissances sur l'ajout dynamique d'une option de sélection dans JS et JQuery introduites par l'éditeur. J'espère que cela vous sera utile si vous avez des questions. Si vous avez des questions, laissez-moi un message et je vous répondrai à temps. Je voudrais également vous remercier tous pour votre soutien au site Web PHP chinois !

Pour plus d'articles sur l'ajout dynamique de JS et JQuery sur les options de sélection, veuillez faire attention au site Web PHP chinois !