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 221f08282418e2996498697df914ce4e. 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<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>");

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("15ba1cdaec20352f688ebe8ab9039218Text4afa15d3069109ac30911f04c56f3338"); //Ajouter une option (élément déroulant) à Select

2. $("#select_id") .prepend("b93adbf83522c105f4709f0807fe84aeVeuillez sélectionner4afa15d3069109ac30911f04c56f3338" //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 !