Maison > Article > interface Web > Exemple détaillé de la façon dont jquery permet à select de sélectionner une option
Exemple détaillé de la façon dont jquery permet à select de sélectionner une option
<span id="xx">广州市</span> <select id="select_id"> <option>北京市</option> <option>广州市</option> <option>上海市</option> </select>
Laisser select sélectionner la ville de Guangzhou ?
Utilisation incorrecte :
$("#select_id option[text='广州市']").attr("selected", true); <script> //普通js写法 document.getElementById("select_id").options[1].setAttribute("selected", true); //jquery应该这样写 $("#select_id option").eq(1).attr("selected",true); </script> <script> $("#select_id option[value='广州市']").attr("selected", true); </script> $("#select_id option[text='广州市']").attr("selected", "selected");
Utilisation correcte :
$("#select_id")[0].selectedIndex = 1;
Comment définir l'index de sélection dans jquery et utiliser directement l'opération dom méthode pour faire fonctionner l'index :
$('#selectId').get(0).selectedIndex=index;
Utiliser le mode valeur pour faire fonctionner l'index :
$('#selectId').val('selectIndexValue');
Extension :
Obtenir la valeur de l'élément actuellement sélectionné
$("#select_id").val();
Obtenir le texte de l'élément actuellement sélectionné
$("#select_id").find("option:selected").text();
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!