Comment faire fonctionner la sélection avec jquery

Comment utiliser la sélection avec jquery : 1. Définissez l'élément avec la valeur pxx à sélectionner, le code est [$(".selector").val("pxx")]; avec le texte à pxx à sélectionner, le code est [$(".selector").find("option[te].

L'environnement d'exploitation de ce tutoriel : système Windows7, version jquery3.2.1, ordinateur thinkpad t480

Recommandations d'apprentissage gratuites associées : tutoriel d'apprentissage javascript, Tutoriel jQuery

Comment faire fonctionner la sélection avec jquery :

1. Définissez l'élément avec la valeur pxx pour sélectionner

$(".selector").val("pxx");

2. Sélectionnez l'élément avec le texte défini sur

$(".selector").find("option[text='pxx']").attr("selected",true);

Il y a une utilisation de crochets. précédé du nom de l'attribut. Dans de nombreux cas, les crochets sont utilisés. L'application peut rendre la logique très simple

Obtenir la valeur de l'élément actuellement sélectionné

$(".selector").val();

4. le texte de l'élément actuellement sélectionné

$(".selector").find("option:selected").text();

Les deux points sont utilisés ici. Maîtriser son utilisation et tirer des inférences rendra également le code plus simple

Plusieurs fois, la cascade de sélections est utilisée, c'est-à-dire. la valeur de la deuxième sélection change avec la valeur sélectionnée par la première sélection. C'est très simple dans

tel que :

$(".selector1").change(function(){
// 先清空第二个
$(".selector2").empty();
// 实际的应用中，这里的option一般都是用循环生成多个了
var option = $("<option>").val(1).text("pxx");
$(".selector2").append(option);
});

jQuery pour obtenir le texte et la valeur sélectionnés par Select. :

Explication de la syntaxe :

1 $("#select_id").change(function(){//code...}); //Ajouter un événement pour Select, qui est déclenché lorsque l'un des éléments est sélectionné

2. var checkText=$("#select_id").find("option:selected").text(); //Obtenir le texte sélectionné par Select

3 var checkValue=$("#select_id").val(); / /Obtenir la valeur sélectionnée par Select

4 var checkIndex=$("#select_id ").get(0).selectedIndex; //Obtenir la valeur d'index sélectionnée par Select.

5. var maxIndex=$("#select_id option:last").attr("index"); //Obtenir la valeur d'index maximale de Select

jQuery définit le texte et la valeur sélectionnés par Select :

Explication de la syntaxe :

1. $("#select_id ").get(0).selectedIndex=1; // Définissez l'élément avec la valeur d'index de sélection 1 pour sélectionner

2 $("#select_id ").val(4); // Définissez la valeur de la valeur de sélection sur 4 pour sélectionner l'élément

3. $("#select_id option[text='jQuery']").attr("selected", true); //Définissez la valeur du texte de sélection pour qu'elle soit l'élément jQuery à sélectionner

jQuery pour ajouter/supprimer l'élément d'option de sélection :

Explication de la syntaxe :

1. $("#select_id").append("<option value=&#39;Value&#39;>Text</option>"); //Ajouter une option (élément déroulant) pour sélectionner

2 $("#select_id").prepend("<option value=&#39;0&#39;>请选择</option>"); / /Insérer une option pour sélectionner (la première position)

. 3. $("#select_id option:last").remove(); //Supprimez l'option avec la plus grande valeur d'index dans Select (la dernière)

4 $("#select_id option[index='0']").remove(); //Supprimez l'option avec la valeur d'index 0 dans Select (la première)

5. $("#select_id option[value='3']").remove(); //Supprimez l'option avec Value='3' dans Select

5 $("#select_id option[text='4']").remove(); //Supprimez l'option avec Text='4' dans Select

<. 🎜>valeur radio jquery, valeur de case à cocher, valeur de sélection, radio sélectionnée, case à cocher sélectionnée, sélection sélectionnée et son associé

pour obtenir un ensemble de radios La valeur de l'élément sélectionné

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 la valeur actuellement sélectionnée

$('#select_id')[0].selectedIndex = 1;

groupe radio radio Le deuxième élément est la valeur actuellement sélectionnée

$('input[name=items]').get(1).checked = true;

. Obtenez la valeur :

• zone de texte, zone de texte :

  $("#txt").attr("value")；

• Case à cocher à sélection multiple :

  $("#checkbox_id").attr("value")；

• Radio du groupe de radio :

  $("input[type=radio][checked]").val();

• Dans la liste déroulante, sélectionnez :

  $('#sel').val();

Éléments du formulaire de contrôle :

Zone de texte, zone de texte : $("#txt").attr("value",'');//Effacer le contenu

$("#txt ").attr("value",'11');//Remplir le contenu

Box de sélection multiple : $("#chk1").attr("checked ",'');//Unchecked

$("#chk2").attr("checked",true);//Checked

if($("# chk1").attr('checked')== undefined) //Déterminez si la radio du groupe radio

a été cochée : $("input[type=radio]").attr("checked", '2');//Définissez l'élément avec la valeur =2 comme é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é

$("< ;option value='1'>11112222").appendTo("#sel")//Ajouter l'option du drop-down box

$("#sel").empty(); //Effacer la liste déroulante

Pour plus de connaissances sur la programmation, veuillez visiter : Programmation Enseigner! !

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!