Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung der Methode „Select Operations Instance“ in jQuery

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

伊谢尔伦
伊谢尔伦Original
2017-06-19 16:07:151699Durchsuche

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("15ba1cdaec20352f688ebe8ab9039218Text7236f00744e455b4d0d4048b76bad695"); //Für Select Append an Option (Dropdown-Element)
2. $("#select_id").prepend("b93adbf83522c105f4709f0807fe84aePlease select7a2573d14f2eb1940d2ca2dc4d89c3fa11114afa15d3069109ac30911f04c56f3338ffde645126e3a5d22e0fa10419cb8e14 22224afa15d3069109ac30911f04c56f3338").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的项目为当前选中项
$("46508805598f6c40e24d4c0fe896e9ca11114afa15d3069109ac30911f04c56f33386dbb54790dcf012238851e6699b7626822224afa15d3069109ac30911f04c56f3338").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!

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