Résumé de l'utilisation à l'aide de la méthode de contrôle des opérations sélectionnées

Beaucoup d'amis sont très intéressés par le fonctionnement de jquery select, mais il y a trop de choses sur Internet, alors Script House a spécialement organisé la méthode de fonctionnement de Jquery Select pour la rendre plus facile à trouver pour tout le monde.

Il convient de noter qu'une grande partie du code ici concerne les versions antérieures à jquery 1.32 (les versions ultérieures ne prennent plus en charge @), il suffit donc de le remplacer par du code vide et de le tester.

jQuery obtient le texte et la valeur de Select :
Explication de la syntaxe :
1 $("#select_id").change(function(){//code. ..}); //Ajoutez 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( ); // Récupère le texte sélectionné par Select
3. var checkValue=$("#select_id").val(); // Récupère la valeur sélectionnée par Select
4. 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 Select

jQuery définit le texte et la valeur de Select :
Explication de la syntaxe :
1. $("#select_id ").get(0) .selectedIndex=1; //Définissez l'élément avec la valeur d'index Select 1 pour sélectionner
2. $("#select_id ").val(4); //Définissez l'élément avec la valeur Select valeur 4 pour sélectionner
3 . $("#select_id option[text='jQuery']").attr("selected", true //Définissez la valeur du texte de Select sur l'élément jQuery sélectionné
);

jQuery ajoute/supprime l'élément Option de Select :
Explication de la syntaxe :
1 $("#select_id").append("Text" ); //Ajouter une option (élément déroulant) pour sélectionner
2. $("#select_id").prepend(""); / /Insérer une option pour Sélectionner (la première position)
3. $("#select_id option:last").remove(); //Supprimer l'option avec la plus grande valeur d'index dans Select (le dernier)
4. $("#select_id option[index='0']").remove(); // Supprimez l'option avec la valeur d'index 0 dans Select (le premier)
5. $("#select_id option[value= '3']").remove(); //Supprimez l'option avec Value='3' dans Select $("#select_id option[ text='4']").remove(); // Supprimez l'option avec Text='4' dans Sélectionnez


//Options de parcours et ajoutez et supprimez des options
function changeShipMethod( expédition){
var len = $("select[@ name=ISHIPTYPE] option").length
if(shipping.value != "CA"){
$("select[@name= ISHIPTYPE] option").each(function(){
if($(this).val() == 111){
$(this).remove();
}
} );
}else{
$("< ;option value='111'>UPS Ground").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 une mauvaise mémoire, vous pouvez la sauvegarder :
1, liste déroulante :

var cc1 = $(". formc select[@name='country'] option[@selected]").text(); //get
Le texte de l'élément sélectionné dans le menu déroulant
(notez l'espace au milieu )
var cc2 = $('.formc select[@name="country"]').val(); //Récupère la sélection du menu déroulant La valeur de l'élément
var cc3 = $('.formc select[@name="country"]').attr("id"); //Obtient la valeur de l'attribut ID de l'élément sélectionné dans le menu déroulant$( "#select" ).empty();//Effacer la liste déroulante//$("#select").html(''); $("1111
Expliquez un peu :
1.select[@name='country'] option[@ selected] signifie avoir l'attribut name,
et la valeur de l'attribut est l'élément d'option avec l'attribut sélectionné dans l'élément select de 'country'
On peut voir que tout ce qui commence par @ signifie qu'il est suivi d'un attribut.

2, bouton radio :
$("input[@type=radio][@checked]").val(); //Obtenir la valeur de l'élément sélectionné du bouton radio (note le milieu Sans espaces)
$("input[@type=radio][@value=2]").attr("checked",'checked'); //Définissez la valeur du bouton radio=2 sur la valeur sélectionnée. state. (Notez qu'il n'y a pas d'espace au milieu)

3,
Checkbox
 :
$("input[@type=checkbox][@checked]").val (); // Récupère la valeur du premier élément sélectionné dans la case à cocher
$("input[@type=checkbox][@checked]").each(function(){ //Parce que les cases à cocher ont généralement plusieurs éléments sélectionnés, afin que vous puissiez boucler et afficher alert($(this).val() });

$("#chk1").attr("checked" ,''); //Décochez
$("#chk2").attr("checked",true);//Vérifiez
if($("#chk1").attr('checked') == non défini){} //Juger si cela a été vérifié


Il s'agit d'un système d'exploitation jquery. Il s'agit d'une question de temps.





aaass



11
22
33
44
55
66

jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关获取一组radio被选中项的值
var item = $('input[@name =items][@checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;
获取值：
文本框，文本区域：$("#txt").attr("value")；
多选框checkbox：$("#checkbox_id").attr("value ")；
单选组radio： $("input[@type=radio][@checked]").val();
下拉框select： $('#sel').val();
控制表单元素：
文本框，文本区域：$("#txt").attr("value",'');//清空内容
$("#txt").attr ("value",'11');//填充内容
多选框checkbox： $("#chk1").attr("checked",'');//不打勾
$( "#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
单选组radio： $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select： $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("1111< /option> 2222").appendTo("#sel")//添加下拉框的option
$("#sel").empty()；/ /清空下拉框

获取一组radio被选中项的值
var item = $('input[@name=items][@checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;
获取值：
文本框，文本区域：$("#txt").attr("value")；
多选框checkbox：$("#checkbox_id").attr("value ")；
单选组radio： $("input[@type=radio][@checked]").val();
下拉框select： $('#sel').val();
控制表单元素：
文本框，文本区域：$("#txt").attr("value",'');//清空内容
$("#txt").attr ("value",'11');//填充内容
多选框checkbox： $("#chk1").attr("checked",'');//不打勾
$( "#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
单选组radio： $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select： $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("11112222").appendTo("#sel")//Ajouter l'option du drop-down box
$("#sel").empty(); //Effacer la liste déroulante

Pour plus d'informations, veuillez vous référer aux articles suivants :
Opération Jquery Select Méthode Collection Script House Édition Spéciale

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!