Explication détaillée de la sélection de l'opération jquery (y compris l'ajout, la suppression, l'effacement, la prise de valeur, etc.)

1. Sélectionnez l'élément dont la valeur est

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

2. Sélectionnez l'élément dont le texte est

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

Il y a un. crochet ici Pour l'usage, le signe égal entre crochets est précédé de attribut nom, sans guillemets. Souvent, l’utilisation de crochets peut rendre la logique très simple.

3. Obtenez la valeur de l'élément actuellement sélectionné

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

4. Obtenez 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 conclusions à partir d'un exemple rendra également le code plus simple.

La cascade de sélections est souvent utilisée, c'est-à-dire que 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 en jquery.

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

jQuery obtient le texte et la valeur sélectionnés par Select :
Explication de la syntaxe :

$("#select_id").change(function(){//code...});   //为Select添加事件，当选择其中一项时触发
var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text
var checkValue=$("#select_id").val();  //获取Select选择的Value
var checkIndex=$("#select_id ").get(0).selectedIndex;  //获取Select选择的索引值
var maxIndex=$("#select_id option:last").attr("index");  //获取Select最大的索引值

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

$("#select_id ").get(0).selectedIndex=1;  //设置Select索引值为1的项选中
$("#select_id ").val(4);   // 设置Select的Value值为4的项选中
$("#select_id option[text='jQuery']").attr("selected", true);   //设置Select的Text值为jQuery的项选中

jQuery ajouter/supprimer Élément d'option de sélection :
Explication de la syntaxe :

$("#select_id").append("<option value=&#39;Value&#39;>Text</option>");  //为Select追加一个Option(下拉项)
$("#select_id").prepend("<option value=&#39;0&#39;>请选择</option>");  //为Select插入一个Option(第一个位置)
$("#select_id option:last").remove();  //删除Select中索引值最大Option(最后一个)
$("#select_id option[index=&#39;0&#39;]").remove();  //删除Select中索引值为0的Option(第一个)
$("#select_id option[value=&#39;3&#39;]").remove();  //删除Select中Value=&#39;3&#39;的Option
$("#select_id option[text=&#39;4&#39;]").remove();  //删除Select中Text=&#39;4&#39;的Option

valeur radio jquery, valeur de la case à cocher, sélectionner la valeur , radio sélectionnée, case à cocher sélectionnée, sélection sélectionnée et associée
Obtenir la valeur d'un groupe d'éléments sélectionnés par radio
var item = $('input[name=items][checked]').val( );
Obtenir le texte de l'élément sélectionné dans select
var item = $("select[name=items] option[selected]").text();
Le deuxième élément de la liste déroulante de sélection box est La 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(); down box select : $( '#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
Case à cocher de case de sélection multiple : $("#chk1").attr("coché ",''); //Décoché
$("#chk2").attr("checked",true);//Coché
if($("#chk1").attr('checked' )== non défini) //Déterminez s'il a été coché
Radio du groupe radio : $("input[type=radio]").attr("checked",'2');//Définissez l'élément avec une valeur =2 comme élément sélectionné actuel
Dans la liste déroulante, sélectionnez : $("#sel").attr("value",'-sel3');//Définissez l'élément avec value=-sel3 comme élément actuellement élément sélectionné
$("< option value='1'>11112222").appendTo("#sel")// Ajoutez l'option de la liste déroulante
$( "#sel").empty(); //Effacez la liste déroulante

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!