javascript jquery對(duì)form元素的常見操作詳解
更新時(shí)間：2016年06月12日 11:14:14 投稿：jingxian
下面小編就為大家?guī)?lái)一篇javascript jquery對(duì)form元素的常見操作詳解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
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下拉框的第二個(gè)元素為當(dāng)前選中值
$('#select_id')[0].selectedIndex = 1;
2,單選框 radio :
$("input[type=radio][checked]").val(); //得到單選框的選中項(xiàng)的值(注意中間沒有空格)
$(':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單選組的第二個(gè)元素為當(dāng)前選中值
$("input[name='items']").get(1).checked = true;
3,復(fù)選框 checkbox :（其它寫法參見上面:radio）
$("input[type='checkbox'][checked]").val(); //得到復(fù)選框的選中的第一項(xiàng)的值
$("#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對(duì)form元素的常見操作詳解就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了js中利用tagname和id獲取元素的方法，主要包括三種方法,需要的朋友可以參考下2016-01-01
一般如果變量通過(guò)var聲明，但是并未初始化的時(shí)候，變量的值為undefined，而未定義的變量則需要通過(guò) "typeof 變量"的形式來(lái)判斷，否則會(huì)發(fā)生錯(cuò)誤2012-11-11
我們?cè)谶M(jìn)行圖片保存的時(shí)候經(jīng)常會(huì)發(fā)現(xiàn)圖片跨域了,下面下面這篇文章主要給大家介紹了關(guān)于html2canvas圖片跨域問(wèn)題的相關(guān)資料,需要的朋友可以參考下2023-03-03
使用formatter函數(shù)設(shè)置Echarts的tooltip中動(dòng)態(tài)單位
這篇文章主要為大家介紹了使用formatter函數(shù)設(shè)置Echarts的tooltip中動(dòng)態(tài)單位實(shí)現(xiàn)示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07
理解JavaScript中window對(duì)象的一些用途
這篇文章主要介紹了理解JavaScript中的window對(duì)象,本文通過(guò)實(shí)例代碼詳細(xì)介紹Window對(duì)象的一些重要用途，需要的朋友可以參考下2022-07-07
這篇文章主要為大家詳細(xì)介紹了p5.js繪制旋轉(zhuǎn)的正方形，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-10-10
下面小編就為大家?guī)?lái)一篇Js獲取圖片原始寬高的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧2016-05-05
直接拿來(lái)用的頁(yè)面跳轉(zhuǎn)進(jìn)度條JS實(shí)現(xiàn)
這篇文章主要為大家分享了一款直接拿來(lái)用的頁(yè)面跳轉(zhuǎn)進(jìn)度條，由javascript實(shí)現(xiàn)，可以直接跳轉(zhuǎn)到相應(yīng)頁(yè)面，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-01-01
這篇文章主要介紹了JavaScript觀察者模式原理與用法,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript觀察者模式基本概念、原理、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-03-03
在javaScript中檢測(cè)數(shù)據(jù)類型的幾種方式小結(jié)
在用javaScript編程的過(guò)程中，我們經(jīng)常會(huì)遇到這樣一個(gè)問(wèn)題，就是需要檢測(cè)一個(gè)數(shù)據(jù)或變量的類型，本篇文章主要介紹了在javaScript中檢測(cè)數(shù)據(jù)類型的幾種方式小結(jié)，有興趣的可以了解一下。2017-03-03