Maison  >  Article  >  interface Web  >  Utiliser JQuery pour contrôler les listes déroulantes

Utiliser JQuery pour contrôler les listes déroulantes

炎欲天舞
炎欲天舞original
2017-08-04 17:43:431644parcourir


//遍历option和添加、移除option 
function changeShipMethod(shipping){ 
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=&#39;111&#39;>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]")); 
} 
} 


//取得下拉选单的选取值 

$(#testSelect option:selected&#39;).text(); 
或$("#testSelect").find(&#39;option:selected&#39;).text(); 
或$("#testSelect").val();

//////////////////////////// ///////////////////////////////////
Si vous avez un mauvais souvenir, vous pouvez l'enregistrer :
1, liste déroulante :


var cc1   = $(".formc select[@name=&#39;country&#39;] option[@selected]").text(); //得到下拉菜单的选中项的文本(注意中间有空格) 
var cc2 = $(&#39;.formc select[@name="country"]&#39;).val();   //得到下拉菜单的选中项的值 
var cc3 = $(&#39;.formc select[@name="country"]&#39;).attr("id"); //得到下拉菜单的选中项的ID属性值 
$("#select").empty();//清空下拉框//$("#select").html(&#39;&#39;); 
$("<option value=&#39;1&#39;>1111</option>").appendTo("#select")//添加下拉框的option

Une petite explication :
1.sélectionnez l'option[@name='country'][@ selected] signifie avoir l'attribut name,
et la valeur de l'attribut est l'élément option avec l'attribut sélectionné dans l'élément select de 'country' ;
On voit que tout ce qui commence par @ signifie que ce qui suit est un attribut.

2, bouton radio :


$("input[@type=radio][@checked]").val();   //得到单选框的选中项的值(注意中间没有空格) 
$("input[@type=radio][@value=2]").attr("checked",&#39;checked&#39;); //设置单选框value=2的为选中状态.(注意中间没有空格)

3, case à cocher :


$("input[@type=checkbox][@checked]").val(); //得到复选框的选中的第一项的值 
$("input[@type=checkbox][@checked]").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出 
   alert($(this).val()); 
   }); 

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

Bien sûr, le sélecteur de jquery est également puissant.


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!

Déclaration:
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