Heim > Web-Frontend > js-Tutorial > Detaillierte Erläuterung der Methode „Select Operations Instance' in jQuery

Detaillierte Erläuterung der Methode „Select Operations Instance' in jQuery

伊谢尔伦
Freigeben: 2017-06-19 16:07:15
Original
1774 Leute haben es durchsucht

jQueryDurch Auswählen den ausgewählten Text und Wert abrufen:

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 :selected"). text(); //Den durch Select
3 ausgewählten Text abrufen. var checkValue=$("#select_id").val(); //Den durch Select
4 ausgewählten Wert abrufen. var checkIndex=$("# select_id ").get(0).selectedIndex; //Den index-Wert von Select
5 abrufen. .attr("index") ; //Ermitteln Sie den maximalen Indexwert von Select
jQuery legt den Text und Wert von Select fest:
Syntaxerklärung:
1. select_id ").get(0) .selectedIndex=1; //Legen Sie das Element mit Select-Indexwert 1 fest, um
2 auszuwählen. $("#select_id ").val(4); //Legen Sie das Element mit Select fest Wertwert 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 zum Hinzufügen/Löschen Optionselement auswählen:
Syntaxerklärung:
1. $("#select_id").append("


//Optionen durchlaufen und Optionen hinzufügen und entfernen

bd8ec18cbd968398761b421252c01593

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();
下拉框select: $('#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 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();
下拉框select: $('#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的项目为当前选中项
$("").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Methode „Select Operations Instance' in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
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