Comment définir la valeur par défaut pour la liste déroulante bootstrap-Tutoriel d'amorçage-php.cn

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

尚

Libérer： 2019-07-31 09:00:10

original

9154 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!