Maison > interface Web > Tutoriel d'amorçage > Comment définir la valeur par défaut pour la liste déroulante bootstrap

Comment définir la valeur par défaut pour la liste déroulante bootstrap

Libérer: 2019-07-31 09:00:10
original
9160 Les gens l'ont consulté

Comment définir la valeur par défaut pour la liste déroulante bootstrap

La liste déroulante récupère la valeur et définit la valeur par défaut :

<select id="test">
<option value="1">选项一<option>
<option value="2">选项一<option>
...
<option value="n">选项N<option>
</select>
Copier après la connexion

Le so -appelé opération jQuery "select", Pour être plus précis, jQuery devrait contrôler "option". Regardez le code jQuery ci-dessous :

//Obtenir la valeur de la première option

$(&#39;#test option:first&#39;).val();
Copier après la connexion

/ /La valeur de la dernière option

$(&#39;#test option:last&#39;).val();
Copier après la connexion

//Obtenir la valeur de la deuxième option

$(&#39;#test option:eq(1)&#39;).val();
Copier après la connexion

//Obtenir la valeur sélectionnée

$(&#39;#test&#39;).val();
$(&#39;#test option:selected&#39;).val();
Copier après la connexion

//Définir l'option avec un valeur de 2 à l'état sélectionné

$(‘#test’).attr(‘value’,’2’);
Copier après la connexion

//Définissez la dernière option sur selected

$(&#39;#test option:last&#39;).attr(&#39;selected&#39;,&#39;selected&#39;);
$("#test").attr(&#39;value&#39; , $(&#39;#test option:last&#39;).val());
$("#test").attr(&#39;value&#39; , $(&#39;#test option&#39;).eq($(&#39;#test option&#39;).length - 1).val());
Copier après la connexion

//Obtenez la longueur de la sélection

$(&#39;#test option&#39;).length;
Copier après la connexion

//Ajouter une option

$("#test").append("<option value=&#39;n+1&#39;>第N+1项</option>");
$("<option value=&#39;n+1&#39;>第N+1项</option>").appendTo("#test");
Copier après la connexion

//Ajouter et supprimer l'élément sélectionné

$(&#39;#test option:selected&#39;).remove();
Copier après la connexion

//Supprimer l'élément sélectionné (le premier élément est supprimé ici)

$(&#39;#test option:first&#39;).remove();、
Copier après la connexion

//La valeur spécifiée est supprimé

$(&#39;#test option&#39;).each(function(){
if( $(this).val() == &#39;5&#39;){
$(this).remove();
}
});
$(&#39;#test option[value=5]&#39;).remove();
Copier après la connexion

//Obtenir le label du premier groupe

$(&#39;#test optgroup:eq(0)&#39;).attr(&#39;label&#39;);
Copier après la connexion

//Obtenir la valeur de la première option sous le deuxième groupe

$(&#39;#test optgroup:eq(1) : option:eq(0)&#39;).val();
Copier après la connexion

//select est sélectionné par par défaut

$("#arrangeClass").find("option[value="+reim.classId+"]").prop("selected",true);
Copier après la connexion

Recommandé : Tutoriel de démarrage de Bootstrap

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal