Maison  >  Article  >  interface Web  >  jQuery obtient le texte et la valeur sélectionnés par Select

jQuery obtient le texte et la valeur sélectionnés par Select

巴扎黑
巴扎黑original
2017-06-29 10:09:001180parcourir

jQuery obtient le texte et la valeur sélectionnés par Select :
Explication de la syntaxe :
1 $("#select_id").change(function(){//code... } ; //Obtenir le texte sélectionné par Select3. var checkValue=$("#select_id").val(); //Obtenir la valeur4 de Select sélectionné. #select_id ") .get(0).selectedIndex; //Obtenir la valeur
index
de Select
5. var maxIndex=$("#select_id option:last").attr("index" ); // Obtenez la valeur d'index maximale de SelectjQuery définit le texte et la valeur sélectionnés par Select :Explication de la syntaxe :
1 $("#select_id ").get(0).selectedIndex=. 1; // Définir la sélection L'élément avec la valeur d'index 1 est sélectionné
2 $("#select_id ").val(4); // Définir la valeur de sélection sur 4 et l'élément est sélectionné
3. $("#select_id option[text ='jQuery']").attr("selected", true); //Définissez la valeur du texte de Select sur l'élément sélectionné par jQuery

jQuery ajoute/supprime le Élément d'option de Select :
Explication de la syntaxe :

1. $("#select_id").append(""); (élément déroulant) pour sélectionner

2. $("#select_id").prepend("" //Insérez une option (en premier) position) pour Select
3. $ ("#select_id option:last").remove(); //Supprime l'option avec la plus grande valeur d'index dans Select (la dernière)
4. select_id option[index='0']").remove( ); //Supprimez l'option (en premier) avec la valeur d'index 0 dans Select
5. $("#select_id option[value='3']") .remove(); //Supprimer la valeur= dans l'option Select '3'
5.$("#select_id option[text='4']").remove(); Option '4'

http: //www.cnblogs.com/SAL2928/archive/2008/10/28/1321285.html

valeur radio jquery, valeur de case à cocher, valeur de sélection, radio sélectionné, case à cocher sélectionnée, sélection sélectionnée et ses éléments associés

Obtenir la valeur d'un ensemble d'éléments sélectionnés par radio

var item = $('input[name=items][checked]').val(); 🎜>Obtenir le texte de l'élément sélectionné

var item = $("select[name=items] option[selected]").text();
Le deuxième élément de la liste déroulante de sélection est le valeur actuellement sélectionnée
$('#select_id') [0].selectedIndex = 1;
Le deuxième élément du groupe de sélection radio est la valeur actuellement sélectionnée
$('input[name=items] ').get(1).checked = true;
Obtenir la valeur :
Zone de texte, zone de texte : $("#txt").attr("value");
case à cocher : $("#checkbox_id").attr("value") ;
Radio du groupe de sélection : $("input[type=radio][checked]").val();
Sélection par liste déroulante : $('#sel').val();
Éléments du formulaire de contrôle :
Zone de texte, zone de texte : $("#txt").attr("value",'');//Effacer content
$("#txt").attr("value ",'11');//Fill content
case à cocher de case de sélection multiple : $("#chk1").attr("checked",' ');//Unchecked
$("#chk2 ").attr("checked",true);//Check
if($("#chk1").attr('checked')== undefined) //Jugez s'il a été vérifié
Sélectionnez la radio du groupe : $("input[type=radio]").attr("checked",'2');//Définissez l'élément avec value=2 comme l'élément actuellement sélectionné
dans la liste déroulante, sélectionnez : $("# sel").attr("value",'-sel3');//Définissez l'élément avec value=-sel3 comme élément actuellement sélectionné
$(" ").appendTo("#sel")//Ajouter une option au liste déroulante
$("#sel").empty();//Effacer la liste déroulante

------------------ -------------------------------- ----------------------- -------------------------------- --------

//Options de parcours et ajout et suppression d'options

function changeShipMethod(shipping){

var len = $("select[name=ISHIPTYPE] option" ).length

if(shipping.value != "CA"){

$(" select[name=ISHIPTYPE] option").each(function(){
if($(this). val() == 111){
$(this).remove();
}
});
}else{
$("").appendTo($("select[name=ISHIPTYPE]") );
}
}

//Obtenir la valeur de sélection du menu déroulant

$(#testSelect option:selected').text();
ou $("#testSelect").find('option:selected').text();
ou $("# testSelect").val();
///////////////////////////////////// // ///////////////////////////
Si vous avez un mauvais souvenir, vous pouvez le sauvegarder :
1, liste déroulante :

var cc1 = $(".formc select[name='country'] option[selected]").text(); 🎜> menu déroulant (notez qu'il y a un espace au milieu)var cc2 = $('.formc select[name="country"]').val( //Obtenir le valeur de l'élément sélectionné dans le menu déroulant
var cc3 = $('.formc select[ name="country"]').attr("id"); //Obtenir la valeur de l'attribut ID de l'élément sélectionné élément dans le menu déroulant
$("#select").empty();//Effacer la liste déroulante// $("#select").html('');
$ ("").appendTo("#select")//Ajouter une liste déroulante L'option

est un peu expliquée :

1.select[name='country'] option[selected] signifie qu'il a un attribut de nom,
et la valeur de l'attribut est 'country' dans l'élément d'option d'élément sélectionné avec l'attribut sélectionné

2 ; , bouton radio :

$("input[@type=radio][@checked]").val(); //Obtenir le bouton radio La valeur de l'élément sélectionné (notez qu'il n'y a pas d'espace au milieu )
$("input[@type=radio][@value=2]").attr("checked",'checked'); // Définir la valeur du bouton radio = 2 est sélectionné (notez qu'il y a. il n'y a pas d'espace au milieu)

3,

case à cocher:$("input[@type=checkbox][@checked]") .val(); Récupère la valeur du premier élément sélectionné de la case à cocher
$("input[@type=checkbox][@checked]").each(function() { //En raison de la vérification Généralement, plusieurs cases sont sélectionnées , afin que vous puissiez boucler et afficher
alert($(this).val());
});

$("#chk1").attr("vérifié",'' );//Unchecked

$("#chk2").attr("checked",true);// Checked
if($("#chk1").attr ('checked')==undefined ){} //Déterminez s'il a été vérifié

Bien sûr, le sélecteur de jquery est puissant. Il existe de nombreuses méthodes.