Utiliser JQuery pour contrôler les listes déroulantes-js tutoriel-php.cn

Utiliser JQuery pour contrôler les listes déroulantes

炎欲天舞

Libérer： 2017-08-04 17:43:43

original

1607 Les gens l'ont consulté

//遍历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();

Copier après la connexion

//////////////////////////// ///////////////////////////////////
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

Copier après la connexion

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的为选中状态.(注意中间没有空格)

Copier après la connexion

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){} //判断是否已经打勾

Copier après la connexion

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!