Maison  >  Article  >  interface Web  >  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

尚
original
2019-07-30 17:40:489105parcourir

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>

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();

/ /La valeur de la dernière option

$(&#39;#test option:last&#39;).val();

//Obtenir la valeur de la deuxième option

$(&#39;#test option:eq(1)&#39;).val();

//Obtenir la valeur sélectionnée

$(&#39;#test&#39;).val();
$(&#39;#test option:selected&#39;).val();

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

$(‘#test’).attr(‘value’,’2’);

//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());

//Obtenez la longueur de la sélection

$(&#39;#test option&#39;).length;

//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");

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

$(&#39;#test option:selected&#39;).remove();

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

$(&#39;#test option:first&#39;).remove();、

//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();

//Obtenir le label du premier groupe

$(&#39;#test optgroup:eq(0)&#39;).attr(&#39;label&#39;);

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

$(&#39;#test optgroup:eq(1) : option:eq(0)&#39;).val();

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

$("#arrangeClass").find("option[value="+reim.classId+"]").prop("selected",true);

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!

Déclaration:
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