Heim > Web-Frontend > js-Tutorial > Hauptteil

Verwenden von JQuery zur Steuerung von Dropdown-Listen

炎欲天舞
Freigeben: 2017-08-04 17:43:43
Original
1654 Leute haben es durchsucht


//遍历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();
Nach dem Login kopieren

///////////////////////////// ////////////////////////////////////
Wenn Sie ein schlechtes Gedächtnis haben, können Sie es speichern:
1, Dropdown-Feld:


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
Nach dem Login kopieren

Eine kleine Erklärung:
1.Wählen Sie die Option[@name='country'][@ selected] bedeutet, dass das Namensattribut
vorhanden ist und der Attributwert das Optionselement mit dem ausgewählten Attribut im Auswahlelement von „Land“ ist
Es ist ersichtlich, dass alles, was mit @ beginnt, bedeutet, dass das, was folgt, ein Attribut ist.

2, Optionsfeld:


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

3, Kontrollkästchen:


$("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){} //判断是否已经打勾
Nach dem Login kopieren

Natürlich ist der Selektor von jquery auch leistungsstark.


Das obige ist der detaillierte Inhalt vonVerwenden von JQuery zur Steuerung von Dropdown-Listen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!