javascript jquery對form元素的常見操作詳解
1.下拉框 select :
移除option
$("#ID option").each(function(){ if($(this).val() == 111){ $(this).remove(); } });
添加option
$("<option value='111'>UPS Ground</option>").appendTo($("#ID"));
取得下拉選單的選取值
//取下拉選中的文本 $('#testSelect option:selected').text(); $("#testSelect").find('option:selected').text(); document.all.objSelect.options[document.all.objSelect.selectedIndex].text; //js操作 objSelect為select的name//取得下拉選中值 $("#testSelect").val(); //js操作 document.getElementById('objSelect').value=2; document.all.objSelect.value;
根據(jù)option的值選中下拉框
$('#testSelect').val('111');document.all.objSelect.value = objItemValue; //js操作 objSelect為select的name或者iddocument.getElementById('sel').value=objItemValue;
select下拉框的第二個元素為當(dāng)前選中值
$('#select_id')[0].selectedIndex = 1;
2,單選框 radio :
$("input[type=radio][checked]").val(); //得到單選框的選中項的值(注意中間沒有空格) $(':radio[name="radio"]:checked').val();//第二種方法 $("input[type=radio][value=2]").attr("checked",'checked'); //設(shè)置單選框value=2的為選中狀態(tài).(注意中間沒有空格) $(':radio[value="2"]').attr('checked','checked');
radio單選組的第二個元素為當(dāng)前選中值
$("input[name='items']").get(1).checked = true;
3,復(fù)選框 checkbox :(其它寫法參見上面:radio)
$("input[type='checkbox'][checked]").val(); //得到復(fù)選框的選中的第一項的值 $("#chk1").attr("checked",'');//不打勾 $("#chk2").attr("checked",true);// 打勾 //全選/不選 $("#selectAll").bind('click',function(){ var sa = $(this).attr("checked"); $("input[name='sel[]']").each(function(){ this.checked=sa; }); });
4,輸入框 input :
$(':input[name="keyword"]').val();//根據(jù)name值取得值
5,文本框 textarea :
固定文本框大?。? <textarea name="123" style="resize:none;"></textarea>
以上這篇javascript jquery對form元素的常見操作詳解就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
js querySelector和getElementById通過id獲取元素的區(qū)別
這是sina同事xiaoniu發(fā)現(xiàn)的,querySelector和getElementById通過id獲取元素的區(qū)別2012-04-04JS控件ASP.NET的treeview控件全選或者取消(示例代碼)
本篇文章主要是對JS控件ASP.NET的treeview控件全選或者取消的示例代碼進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12微信小程序獲取手機網(wǎng)絡(luò)狀態(tài)的方法【附源碼下載】
這篇文章主要介紹了微信小程序獲取手機網(wǎng)絡(luò)狀態(tài)的方法,涉及微信小程序wx.getNetworkType函數(shù)檢查網(wǎng)絡(luò)連接狀態(tài)的相關(guān)使用技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2017-12-12javascript中select下拉框的用法總結(jié)
這篇文章主要為大家介紹了javascript中select下拉框的用法,select在開發(fā)中經(jīng)常被用到,用于進行選項選擇,需要的朋友可以參考下2016-01-01