Zusammenfassung der Nutzung mit ausgewählter Betriebssteuerungsmethode

Viele Freunde sind sehr an der Funktionsweise von jquery select interessiert, aber es gibt zu viele Dinge im Internet. Deshalb hat Script House die Jquery Select-Betriebsmethode speziell organisiert, damit sie für alle leichter zu finden ist.

Es ist zu beachten, dass ein Großteil des Codes hier für Versionen vor jquery 1.32 ist (spätere Versionen unterstützen @ nicht mehr), also ersetzen Sie ihn einfach durch leeren Code und testen Sie ihn.

jQuery ruft den Text und Wert von Select ab:
Syntaxerklärung:
1. $("#select_id").change(function(){//code. ..}); //Ein Ereignis für Select hinzufügen, das ausgelöst wird, wenn eines der Elemente ausgewählt wird
2. ); // Den durch Select ausgewählten Text abrufen
3. var checkValue=$("#select_id").val(); // Den durch Select ausgewählten Wert abrufen
4. select_id ").get( 0).selectedIndex; //Den index-Wert von Select

5 abrufen. var maxIndex=$("#select_id option:last").attr(" index"); // Den maximalen Indexwert von Select abrufen

jQuery legt den Text und den Wert von Select fest:
Syntaxerklärung:
1. $("#select_id ").get(0) .selectedIndex=1; //Element mit Select-Indexwert 1 festlegen, um
2 auszuwählen. $("#select_id ").val(4); //Element mit Select-Wert festlegen Wert 4 zur Auswahl
3 . $("#select_id option[text='jQuery']").attr("selected", true); //Setzen Sie den Textwert von Select auf das ausgewählte jQuery-Element


jQuery fügt das Optionselement von Select hinzu/entfernt:
Syntaxerklärung:
1. $("#select_id").append("Text" ); //Eine Option (Dropdown-Element) zur Auswahl hinzufügen
2. $("#select_id").prepend(""); / /Fügen Sie eine Option für Select (die erste Position) ein
3. $("#select_id option:last").remove(); //Entfernen Sie die Option mit der größten Indexwert in Select (der letzte)
4. $("#select_id option[index='0']").remove(); //Löschen Sie die Option mit dem Indexwert 0 in Select (der erste)
5. $("#select_id option[value= '3']").remove(); //Löschen Sie die Option mit Value='3' in Select
5. text='4']").remove(); // Option mit Text='4' in Select löschen


// Optionen durchlaufen und Optionen hinzufügen und entfernen
function changeShipMethod( Versand){
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='111'>UPS Ground").appendTo($("select[@name=ISHIPTYPE]")
}
}


//Den Auswahlwert des Dropdown-Menüs abrufen

$(#testSelect option:selected').text(); >oder $("#testSelect").find('option:selected') .text();
oder $("#testSelect").val();/////// /////////////////// ///////////////////////////// ///////////
Wenn Sie ein schlechtes Gedächtnis haben, können Sie es speichern:
1, Dropdown-Feld:

var cc1 = $(". formc select[@name='country'] option[@selected]").text(); //get
Der Text des ausgewählten Elements im Dropdown-Menü
(beachten Sie das Leerzeichen in der Mitte ) var cc2 = $('.formc select[@name="country"]').val(); //Erhalten Sie die Auswahl des Dropdown-Menüs. Der Wert des Elementsvar cc3 = $('.formc select[@name="country"]').attr("id"); //Den ID-Attributwert des ausgewählten Elements im Dropdown-Menü abrufen
$( "#select" ).empty();//Löschen Sie das Dropdown-Feld//$("#select").html('');
$("1111
Erklären Sie es ein wenig:
1.select[@name='country'] option[@ selected] bedeutet, dass es ein Namensattribut hat,
und der Attributwert ist das Optionselement mit dem ausgewählten Attribut im Select-Element von
. Es ist ersichtlich, dass es so ist, wenn es mit @ beginnt gefolgt von einem Attribut.

2, Optionsfeld:
$("input[@type=radio][@checked]").val(); //Den Wert des ausgewählten Elements des Optionsfelds abrufen (Hinweis die Mitte Keine Leerzeichen)
$("input[@type=radio][@value=2]").attr("checked",'checked'); //Setzen Sie den Optionsfeldwert=2 auf den ausgewählten Wert Zustand. (Beachten Sie, dass in der Mitte kein Leerzeichen steht)

3,
Checkbox
: $("input[@type=checkbox][@checked]").val (); // Den Wert des ersten ausgewählten Elements im Kontrollkästchen abrufen$("input[@type=checkbox][@checked]").each(function(){ //Da Kontrollkästchen im Allgemeinen mehrere auswählen, Sie können also
alert($(this).val());

$("#chk1").attr("checked",'') schleifen und ausgeben. ; //Häkchen aufheben
$("#chk2").attr("checked",true);//Häkchen machen
if($("#chk1").attr('checked')== undefiniert) {} //Beurteilen Sie, ob es überprüft wurde


当然jquery的选择器是强大的. 还有很多方法.





aaass



11
22
33
44
55
66

jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关获取一组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();
Beispielauswahl: $('#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的项目为当前选中项
$("1111< /option> 2222").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();
Beispielauswahl: $('#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的项目为当前选中项
$("11112222").appendTo("#sel")//Option hinzufügen Dropdown-Feld
$("#sel").empty(); //Löschen Sie das Dropdown-Feld

Weitere Informationen finden Sie in den folgenden Artikeln:
Jquery Select Operation Method Collection Script House Special Edition

Das obige ist der detaillierte Inhalt vonZusammenfassung der Nutzung mit ausgewählter Betriebssteuerungsmethode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!