4. [轉(zhuǎn)]jquery select總結(jié)

參考jquery操作select(增加,刪除乃摹,清空)适荣。

jQuery獲取Select選擇的Text和Value:

$("#select_id").change(function(){//code...}); //為Select添加事件,當(dāng)選擇其中一項時觸發(fā)varcheckText=$("#select_id").find("option:selected").text();//獲取Select選擇的textvarcheckValue=$("#select_id").val();//獲取Select選擇的ValuevarcheckIndex=$("#select_id ").get(0).selectedIndex;//獲取Select選擇的索引值varmaxIndex=$("#select_id option:last").attr("index");//獲取Select最大的索引值

jQuery添加/刪除Select的Option項:

$("#select_id").append("

");//為Select追加一個Option(下拉項)$("#select_id").prepend("

");//為Select插入一個Option(第一個位置)$("#select_id option:last").remove();//刪除Select中索引值最大Option(最后一個)$("#select_id option[index='0']").remove();//刪除Select中索引值為0的Option(第一個)$("#select_id option[value='3']").remove();//刪除Select中Value='3'的Optiona$("#select_id option[text='4']").remove();//刪除Select中Text='4'的Optiona

內(nèi)容清空:

$("#charCity").empty();

每一次操作select的時候单起,總是要出來翻一下資料曙痘,不如自己總結(jié)一下芳悲,以后就翻這里了。

比如

1边坤、設(shè)置value為pxx的項選中

$(".selector").val("pxx");

2名扛、設(shè)置text為pxx的項選中

$(".selector").find("option[text='pxx']").attr("selected",true);

這里有一個中括號的用法,中括號里的等號的前面是屬性名稱茧痒,不用加引號肮韧。很多時候,中括號的運用可以使得邏輯變得很簡單旺订。

3弄企、獲取當(dāng)前選中項的value

$(".selector").val();

4、獲取當(dāng)前選中項的text

$(".selector").find("option:selected").text();

這里用到了冒號区拳,掌握它的用法并舉一反三也會讓代碼變得簡潔拘领。

很多時候用到select的級聯(lián),即第二個select的值隨著第一個select選中的值變化樱调。這在jquery中是非常簡單的约素。

如:

$(".selector1").change(function(){//先清空第二個$(".selector2").empty();//實際的應(yīng)用中,這里的option一般都是用循環(huán)生成多個了varoption = $("

$(".selector2").append(option);

});

jQuery獲取Select選擇的Text和Value:

語法解釋:

$("#select_id").change(function(){//code...});? //為Select添加事件笆凌,當(dāng)選擇其中一項時觸發(fā)

var checkText=$("#select_id").find("option:selected").text();? //獲取Select選擇的Text

var checkValue=$("#select_id").val();? //獲取Select選擇的Value

var checkIndex=$("#select_id ").get(0).selectedIndex;? //獲取Select選擇的索引值

var maxIndex=$("#select_id option:last").attr("index");? //獲取Select最大的索引值

jQuery設(shè)置Select選擇的 Text和Value:

語法解釋:

$("#select_id ").get(0).selectedIndex=1;? //設(shè)置Select索引值為1的項選中

$("#select_id ").val(4);? // 設(shè)置Select的Value值為4的項選中

$("#select_id option[text='jQuery']").attr("selected", true);? //設(shè)置Select的Text值為jQuery的項選中

jQuery添加/刪除Select的Option項:

語法解釋:

$("#select_id").append("Text");//為Select追加一個Option(下拉項)$("#select_id").prepend("請選擇");//為Select插入一個Option(第一個位置)$("#select_id option:last").remove();//刪除Select中索引值最大Option(最后一個)$("#select_id option[index='0']").remove();//刪除Select中索引值為0的Option(第一個)$("#select_id option[value='3']").remove();//刪除Select中Value='3'的Option$("#select_id option[text='4']").remove();//刪除Select中Text='4'的Option

jquery radio取值圣猎,checkbox取值,select取值乞而,radio選中送悔,checkbox選中,select選中爪模,及其相關(guān)

獲 取一組radio被選中項的值

var item = $('input[name=items][checked]').val();

獲 取select被選中項的文本

var item = $("select[name=items] option[selected]").text();

select下拉框的第二個元素為當(dāng)前選中值

$('#select_id')[0].selectedIndex = 1;

radio單選組的第二個元素為當(dāng)前選中值

$('input[name=items]').get(1).checked = true;

獲取值:

文本框欠啤,文本區(qū)域:$("#txt").attr("value");

多選框 checkbox:$("#checkbox_id").attr("value")屋灌;

單選組radio:?? $("input[type=radio][checked]").val();

下拉框select: $('#sel').val();

控制表單元素:

文本框洁段,文本區(qū)域:$("#txt").attr("value",'');//清空內(nèi)容

$("#txt").attr("value",'11');//填充內(nèi)容

多選框checkbox: $("#chk1").attr("checked",'');//不打勾

$("#chk2").attr("checked",true);//打勾

if($("#chk1").attr('checked')==undefined) //判斷是否已經(jīng)打勾

單選組 radio:??? $("input[type=radio]").attr("checked",'2');//設(shè)置value=2的項目為當(dāng)前選中項

下拉框 select:?? $("#sel").attr("value",'-sel3');//設(shè)置value=-sel3的項目為當(dāng)前選中項

$("11112222").appendTo("#sel")//添加下拉框的option

$("#sel").empty();//清空下拉框

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末声滥,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌落塑,老刑警劉巖纽疟,帶你破解...
    沈念sama閱讀 206,013評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異憾赁,居然都是意外死亡污朽,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,205評論 2 382
  • 文/潘曉璐 我一進店門龙考,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蟆肆,“玉大人,你說我怎么就攤上這事晦款⊙坠Γ” “怎么了?”我有些...
    開封第一講書人閱讀 152,370評論 0 342
  • 文/不壞的土叔 我叫張陵缓溅,是天一觀的道長蛇损。 經(jīng)常有香客問我,道長坛怪,這世上最難降的妖魔是什么淤齐? 我笑而不...
    開封第一講書人閱讀 55,168評論 1 278
  • 正文 為了忘掉前任,我火速辦了婚禮袜匿,結(jié)果婚禮上更啄,老公的妹妹穿的比我還像新娘。我一直安慰自己居灯,他們只是感情好祭务,可當(dāng)我...
    茶點故事閱讀 64,153評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著穆壕,像睡著了一般待牵。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上喇勋,一...
    開封第一講書人閱讀 48,954評論 1 283
  • 那天缨该,我揣著相機與錄音,去河邊找鬼川背。 笑死贰拿,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的熄云。 我是一名探鬼主播膨更,決...
    沈念sama閱讀 38,271評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼缴允!你這毒婦竟也來了荚守?” 一聲冷哼從身側(cè)響起珍德,我...
    開封第一講書人閱讀 36,916評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎矗漾,沒想到半個月后锈候,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,382評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡敞贡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,877評論 2 323
  • 正文 我和宋清朗相戀三年泵琳,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片誊役。...
    茶點故事閱讀 37,989評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡获列,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出蛔垢,到底是詐尸還是另有隱情击孩,我是刑警寧澤,帶...
    沈念sama閱讀 33,624評論 4 322
  • 正文 年R本政府宣布啦桌,位于F島的核電站溯壶,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏甫男。R本人自食惡果不足惜且改,卻給世界環(huán)境...
    茶點故事閱讀 39,209評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望板驳。 院中可真熱鬧又跛,春花似錦、人聲如沸若治。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,199評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽端幼。三九已至礼烈,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間婆跑,已是汗流浹背此熬。 一陣腳步聲響...
    開封第一講書人閱讀 31,418評論 1 260
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留滑进,地道東北人犀忱。 一個月前我還...
    沈念sama閱讀 45,401評論 2 352
  • 正文 我出身青樓,卻偏偏與公主長得像扶关,于是被迫代替她去往敵國和親阴汇。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,700評論 2 345

推薦閱讀更多精彩內(nèi)容