opération jquery, sélection de la valeur et définition de l'analyse de l'instance sélectionnée

opération jquery sélectionner (ajouter, supprimer, effacer)

jQueryObtenir le Texte sélectionné par Sélectionner et Valeur :

$("#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 ajoute/supprime l'élément Option de Select :

$("#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;的Optiona 

$("#select_id option[text=&#39;4&#39;]").remove(); //删除Select中Text=&#39;4&#39;的Optiona

Effacer le contenu :

$("#charCity").empty();

À chaque fois Lorsque vous utilisez select, vous devez toujours sortir et rechercher les informations. Pourquoi ne pas les résumer vous-même et vérifier ici plus tard.

Par exemple,

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

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

.

2, définissez le texte sur pxx et sélectionnez

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

Il y a une utilisation de crochets. Le signe égal entre crochets est précédé du nom de l'attribut, 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 select 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.

Par exemple :

$(".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选择的Textvar 
checkValue=$("#select_id").val();  //获取Select选择的Valuevar 
checkIndex=$("#select_id ").get(0).selectedIndex;  //获取Select选择的索引值var 
maxIndex=$("#select_id option:last").attr("index");  //获取Select最大的索引值

jQuery définit Sélectionnez le texte et la valeur sélectionnés :
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 pour ajouter/supprimer l'é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 case à cocher, valeur de sélection, radio sélectionnée, case à cocher sélectionnée, sélection sélectionnée et associée
Obtenir la valeur d'un ensemble d'éléments sélectionnés par radio

var item = $('input[name=items][checked]').val();

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

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

Le deuxième L'élément de l'élément du groupe radio radio 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" );
Sélection multiple Case à cocher : $("#checkbox_id").attr("value");
Radio de groupe de sélection : $("input[type=radio][checked]").val(). ;
Boîte déroulante de sélection : $('#sel').val();
Éléments du formulaire de contrôle :
Zone de texte, zone de texte :

$("#txt").attr("value",'');//清空内容 
$("#txt").attr("value",'11');//填充内容

Boîte de sélection multiple case à cocher :

$("#chk1").attr("checked",'');//不打勾 
$("#chk2").attr("checked",true);//打勾 
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

Radio du groupe de sélection de radio :

 $("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项

Box déroulante de sélection :

$("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项 
$("<option value=&#39;1&#39;>1111</option><option value=&#39;2&#39;>2222</option>").appendTo("#sel")//添加下拉框的option 
$("#sel").empty()；//清空下拉框

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!