Heim >php教程 >PHP开发 >Zusammenfassung der Vorgänge im jQuery-Dropdown-Menü

Zusammenfassung der Vorgänge im jQuery-Dropdown-Menü

高洛峰
高洛峰Original
2016-12-15 16:16:381262Durchsuche

Auswahl abrufen:

Ausgewählten Text abrufen:

$("#ddlRegType").find("option:selected").text();



Rufen Sie den ausgewählten Wert ab, indem Sie Folgendes auswählen:

$("#ddlRegType ").val();



Rufen Sie den ausgewählten Index ab, indem Sie Folgendes auswählen:

$("#ddlRegType ").get(0).selectedIndex;



Auswahl festlegen:

Ausgewählten Index festlegen:

$("#ddlRegType ").get(0).selectedIndex=index;//index ist der Indexwert



Ausgewählten Wert festlegen:

$ ("#ddlRegType ").attr("value","Normal ");

$("#ddlRegType ").val("Normal");

$("# ddlRegType ").get(0).value = value;



Ausgewählten Text auswählen:

var count=$("#ddlRegType option").length ;

for(var i=0;i { if($("#ddlRegType ").get(0).options[i].text == text)
> }



$("#select_id option[text='jQuery']").attr("selected", true);



Legen Sie das ausgewählte Optionselement fest:



$("#select_id").append(""); Option hinzufügen

$("#select_id").prepend("" //Option einfügen

$("#select_id option:last").remove(); //Löschen Sie die Option mit dem größten Indexwert

$("#select_id option[index='0']").remove() ;//Löschen Sie die Indexwertoption

mit dem Wert 0 $("#select_id option[value='3']").remove(); //Löschen Sie die Option

mit dem Wert 3 $("#select_id option [text='4']").remove(); //Option mit TEXT-Wert 4 löschen



Auswahl löschen:

$ ("#ddlRegType " ).empty();


jquery erhält den Wert:

.val()

.text()


setzt den Wert

.val('Wert hier festlegen')



$("document").ready(function(){
$("#btn1" ).click(function(){
$("[name='checkbox']").attr("checked",'true');//Alle auswählen
})
$(" #btn2").click(function(){
$("[name='checkbox']").removeAttr("checked");//Alle Auswahlen abbrechen
})
$(" #btn3").click(function(){
$("[name='checkbox']:even").attr("checked",'true');//Alle auswählen ungerade Zahlen
})
$("#btn4").click(function(){
$("[name='checkbox']").each(function(){//Auswahl umkehren
if($(this ).attr("checked")){
$(this).removeAttr("checked");
else{
$(this). attr("checked",'true ');
}
})
})
$("#btn5").click(function(){//Gib den ausgewählten Wert aus
var str="";
$("[name='checkbox'][checked]").each(function(){
str+=$(this).val()+"rn";
//alert($ (this).val());
})
alert(str);
})


= ======== ======================================== ======== =======

============================ =========== =============================


jQuery.fn.size = function()                                                                                        .fn.getSelectedIndex = function()
{
return jQuery(this).get(0).selectedIndex}
/ /Den Text des aktuell ausgewählten Elements abrufen
fn.getSelectedText = function()                                                                            else
{ var index = this.getSelectedIndex();
return jQuery(this).get(0).options [index].text;
}
}
//Den Wert des aktuell ausgewählten Elements abrufen                                                                   ";
} "
else "
{ return jQuery(this).val (); Das Element mit dem Wert ist ausgewählt
jQuery.fn.setSelectedValue = function(value)
{
jQuery(this).get(0).value = value; //Setze den Text in „select“ auf „text“. Das erste Element wird ausgewählt
jQuery.fn.setSelectedText = function(text)
{
var isExist = false;
var count = this.size() ;
for(var i= 0;i isExist = true; } if(!isEx ist) 
 { 
 alert( „Das Element existiert nicht im Dropdown-Feld“);                                                                count = this.size();                                                                                                                                                 else
{
jQuery(this ).get(0).selectedIndex = index;
}
}
//Bestimmen Sie, ob im ausgewählten Element ein Element mit einem Wert vorhanden ist
jQuery .fn.isExistItem = function(value)
{ var isExist = false;var count = this.size();
for(var i=0;i { if(jQuery(this).get(0).options[i].value == value )                                                                              jQuery.fn.addOption = function( text,value)
{
if(this.isExistItem(value))
{
warning("Der Wert des hinzuzufügenden Elements existiert bereits"
} else
{ jQuery(this).get(0).options.add(new Option (text,value));
} }
}
//Löschen Sie das Element, dessen Wert value in der Auswahl ist. Wenn das Element nicht vorhanden ist, wird
jQuery.fn.removeItem = function(value)
{                                                                                                                                                                                                                                      ;                                                                  
warning("Das zu löschende Element existiert nicht!" );
}  
}  
//Löschen Sie das Element mit dem angegebenen Index im select
jQuery.fn.removeIndex = function(index)
{
var count = this. size();
if(index >= count | | index < 0)
{ Alert("Der Index des zu löschenden Elements liegt außerhalb des gültigen Bereichs"); > { jQuery(this).get(0).remove(index); }
} //Entferne das ausgewählte Element in select
jQuery.fn.removeSelected = function()
{ var index = this.getSelectedIndex ();
this.removeIndex(index);
}
//Alle Elemente in der Auswahl löschen
jQuery.fn.clearAll = function()
{
jQuery(this ).get(0).options.length=0; Um verwandte Artikel zusammenzufassen, achten Sie bitte auf die chinesische PHP-Website!

Stellungnahme:
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