Maison > Article > interface Web > Opération JQuery sur l'option Sélectionner
下拉框:
<sélectionner l'identifiant= "selectID" >
<valeur de l'option="1">1 option>
<valeur de l'option="2">2< /option>
<valeur de l'option="3">3option >
<valeur de l'option=" 4">4option>
<valeur de l'option="5">5option>
<valeur de l'option="6">6option>
< ;/sélectionner>
下面是对下拉框的基本操作:
<script language="javascript ">
$(document).ready(function() {
//Liez le changement de la liste déroulante événement et appelez la méthode SelectChange() lorsque la liste déroulante change
$("#selectID").change(function() { SelectChange(); }); SelectChange() { > var selectText
=
$("#selectID" ).find(
"option:selected").text(); alert(selectText); //Récupérez l'attribut de valeur de l'élément sélectionné dans la liste déroulante ( "#selectID
").val(); alert(selectValue); //
Obtenez la valeur de l'attribut d'index de l'élément sélectionné dans la liste déroulante var selectIndex = $ ("#selectID
").obtenir(
0).selectedIndex; alert(selectIndex); var selectMaxIndex = $("#selectID option:last ").attr(
"
index"); alert(selectMaxIndex) ;
} fonction aa() { 🎜> $("#selectID").obtenir(0).selectedIndex = 5
} Fonction bb() {
(
"#selectID"
).val(4 ); } fonction cc() { 🎜> $("#selectID option[text=5]"
).attr(
"sélectionné",
" sélectionné"); $("option #yyt : contient('5')").attr("sélectionné"
vrai);
}
function dd() {
> $("#selectID
").append(""); } function ee() { //Ajouter une option devant la liste déroulante
$("#selectID
").prepend("") } fonction ff() { Option $(
"
#selectID option:dernière") .remove(); }
function gg() { $(" #selectID option[index=1]
"
). Remove(); } fonction hh() { 🎜>
$("#selectID option[value=4]").remove () ; } fonction ii() {
>
$(
"#selectID option[text=5]"
).remove(); } script>
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!