Maison >interface Web >js tutoriel >Opérations jQuery sur les listes déroulantes, les cases de boutons radio et les boîtes à sélection multiple_jquery
Liste déroulante :
//Récupérer le texte de l'élément sélectionné dans le menu déroulant (notez l'espace au milieu)
var cc1 = $(".formc select[@name='country'] option[@selected ]").text() ;
//Obtenir la valeur de l'élément sélectionné dans le menu déroulant
var cc2 = $('.formc select[@name="country"]').val ();
//Obtenir la valeur de l'attribut ID du menu déroulant de l'élément sélectionné
var cc3 = $('.formc select[@name="country"]').attr(" id");
//Effacer la liste déroulante//
$ ("#select").empty();$("#select").html('');
/ /Ajouter l'option de la liste déroulante
$("
Une petite explication :
sélectionnez l'option[@name='country'][@selected]
représente l'élément option avec l'attribut selected à l'intérieur de l'élément select qui a un attribut name et la valeur de l'attribut est « country ». On peut voir que tout ce qui commence par @ signifie que ce qui suit est un attribut.
Bouton radio :
//Obtenir la valeur de l'élément sélectionné du bouton radio (notez qu'il n'y a pas d'espace au milieu)
$("input[@type=radio][@checked]").val() ;
//Set Le bouton radio value=2 est sélectionné (Notez qu'il n'y a pas d'espace au milieu)
$("input[@type=radio][@value=2]"). ("coché", 'coché');
Case à cocher :
//Obtenir la valeur du premier élément sélectionné de la case à cocher
$("input[@type=checkbox][@checked]").val();
//En raison de la vérification box Généralement, plusieurs éléments sont sélectionnés, vous pouvez donc parcourir la sortie
$("input[@type=checkbox][@checked]").each(function(){
alert($(this) .val() );
});
//Unchecked
$("#chk1").attr("checked",'');
//Checked
$( " #chk2").attr("checked",true);
//Déterminer s'il a été vérifié
if($("#chk1").attr('checked')==undefined){ >