Maison > interface Web > js tutoriel > le corps du texte

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

巴扎黑
Libérer: 2017-06-29 10:12:37
original
1718 Les gens l'ont consulté

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("" ); //Ajouter une option (élément déroulant) pour sélectionner
2. $("#select_id").prepend("").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(''); $("").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的项目为当前选中项
$("").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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal