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)的值(注意中間沒(méi)有空格)
$(':radio[name="radio"]:checked').val();//第二種方法
$("input[type=radio][value=2]").attr("checked",'checked'); //設(shè)置單選框value=2的為選中狀態(tài).(注意中間沒(mé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實(shí)戰(zhàn)之計(jì)算器功能開發(fā)實(shí)例
這篇文章主要給大家介紹了關(guān)于鴻蒙Js實(shí)戰(zhàn)之計(jì)算器功能開發(fā)的相關(guān)資料,計(jì)算器是我們生活中經(jīng)常使用的應(yīng)用,此項(xiàng)目是基于Harmony實(shí)現(xiàn)的簡(jiǎn)易計(jì)算器,需要的朋友可以參考下2024-02-02
JavaScript算法教程之sku（庫(kù)存量單位）詳解
這篇文章主要給大家介紹了JavaScript算法教程之sku（庫(kù)存量單位）的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面跟著小編一起來(lái)學(xué)習(xí)學(xué)習(xí)吧。2017-06-06
這篇文章主要介紹了由?JavaScript?的?with?引發(fā)的探索，js?的?with?是為對(duì)象訪問(wèn)提供命名空間式的訪問(wèn)方式，with?創(chuàng)建一個(gè)對(duì)象的命名空間，在這個(gè)命名空間內(nèi)你可以直接訪問(wèn)對(duì)象的屬性，而不需要通過(guò)對(duì)象來(lái)訪問(wèn)，下面一起來(lái)了解更多詳細(xì)內(nèi)容吧2022-01-01
我們?cè)趯W(xué)到j(luò)s中數(shù)組的時(shí)候,我們會(huì)接觸到j(luò)s中數(shù)組的一些方法這些方法對(duì)我們來(lái)說(shuō),可以很便利的達(dá)到我們想要的結(jié)果,下面這篇文章主要給大家介紹了關(guān)于javascript中搜索數(shù)組的四種方法,需要的朋友可以參考下2022-12-12
js querySelector和getElementById通過(guò)id獲取元素的區(qū)別
這是sina同事xiaoniu發(fā)現(xiàn)的，querySelector和getElementById通過(guò)id獲取元素的區(qū)別2012-04-04
JS控件ASP.NET的treeview控件全選或者取消(示例代碼)
本篇文章主要是對(duì)JS控件ASP.NET的treeview控件全選或者取消的示例代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
這篇文章主要給大家介紹了關(guān)于js防抖和節(jié)流的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12
完美實(shí)現(xiàn)八種js焦點(diǎn)輪播圖（上篇）
這篇文章主要介紹了完美實(shí)現(xiàn)八種js焦點(diǎn)輪播圖的具體資料，基于完美運(yùn)動(dòng)框架move2.js而完成的八種焦點(diǎn)錄播圖，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-07-07
微信小程序獲取手機(jī)網(wǎng)絡(luò)狀態(tài)的方法【附源碼下載】
這篇文章主要介紹了微信小程序獲取手機(jī)網(wǎng)絡(luò)狀態(tài)的方法,涉及微信小程序wx.getNetworkType函數(shù)檢查網(wǎng)絡(luò)連接狀態(tài)的相關(guān)使用技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2017-12-12
javascript中select下拉框的用法總結(jié)
這篇文章主要為大家介紹了javascript中select下拉框的用法，select在開發(fā)中經(jīng)常被用到，用于進(jìn)行選項(xiàng)選擇,需要的朋友可以參考下2016-01-01