La liste déroulante de sélection est sélectionnée par défaut

Cette fois, je vais vous apporter la liste déroulante de sélection qui est sélectionnée par défaut. Quelles sont les précautions qui sont sélectionnées par défaut dans la liste déroulante de sélection. Ce qui suit est un cas pratique. , jetons un coup d'oeil.

Cet article présente principalement les méthodes liées à la sélection de la liste déroulante.

1. Obtenez la valeur et la valeur du texte de la liste déroulante via l'identifiant

Par exemple :

<select class="form-control" id="numbers">
      <option value="1">数字1</option>
      <option value="2" selected>数字2</option>
</select>
$("#numbers option:selected").val(); 获取到下拉框被选中的optionde value值：2；
$("#numbers option:selected").text(); 获取到下拉框被选中的optionde 文本内容：数字2；

2. : ajoutez l'attribut selected

Entrez un numéro dans la zone de saisie, appelez la méthode selectNumber() lorsque le focus est perdu et sélectionnez le même numéro que dans la zone de saisie

function selectNumber(){
var num = $("#num").val(); //获取input中输入的数字
var numbers = $("#numbers").find("option"); //获取select下拉框的所有值
for (var j = 1; j < numbers.length; j++) {
if ($(numbers[j]).val() == num) {
$(numbers[j]).attr("selected", "selected");
}
} 
}

Je pense que vous l'avez maîtrisé après avoir lu le cas dans cet article Méthode, pour des informations plus intéressantes, veuillez faire attention au site Web chinois php autres articles connexes !

Lecture recommandée :

Comment implémenter la méthode toggle dans jQuery

Comment utiliser le composant select dans jquery

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!