淺析jQuery操作select控件的取值和設(shè)值
1.級(jí)聯(lián)select的操作,后一個(gè)select的值隨著前一個(gè)select選中值變化
$(".select_A").change(function(){ $(".select_B").empty();// 清空后一個(gè)select var option = $("<option>").val(1).text('xxx');// 按照實(shí)際業(yè)務(wù)要求重新賦值option $(".select_B").append(option); });
2.獲取select選中項(xiàng)value值
$(".select").val();
3.獲取select選中項(xiàng)的文本text
$(".select").find("option:selected").text();
4.設(shè)置select選中對(duì)應(yīng)value值項(xiàng)、對(duì)應(yīng)text文本項(xiàng)
$(".select").val('xxx'); $(".select").find("option[text='xxx']").prop('selected',true);
以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,如果有疑問(wèn)大家可以留言交流,同時(shí)也希望多多支持腳本之家!
相關(guān)文章
jQuery實(shí)現(xiàn)帶水平滑桿的焦點(diǎn)圖動(dòng)畫插件
這是一款很實(shí)用的jQuery焦點(diǎn)圖動(dòng)畫插件,跟其他jQuery焦點(diǎn)圖插件不同的是,它帶有一個(gè)水平的滑桿,你可以通過(guò)滑動(dòng)滑桿實(shí)現(xiàn)圖片的切換,也可以通過(guò)點(diǎn)擊圖片來(lái)切換2016-03-03基于JQuery實(shí)現(xiàn)圖片輪播效果(焦點(diǎn)圖)
這篇文章主要為大家詳細(xì)介紹了基于JQuery實(shí)現(xiàn)圖片輪播效果,利用Jquery制作焦點(diǎn)圖左右輪播特效,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-02-02jQuery+AJAX實(shí)現(xiàn)無(wú)刷新下拉加載更多
這篇文章主要介紹了jQuery+AJAX實(shí)現(xiàn)無(wú)刷新下拉加載更多的相關(guān)資料,需要的朋友可以參考下2015-07-07jquery中獲得$.ajax()事件返回的值并添加事件的方法
如果想獲得$.ajax()中返回的值,直接用在success:funciton(){return xx} 是不可以的,要想獲得xx的值,要在script中,使用全局變量。利用全局變量引出xx的值。2010-04-04jquery實(shí)現(xiàn)移動(dòng)端懸浮拖拽框
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)移動(dòng)端懸浮拖拽框,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-02-02jQuery實(shí)現(xiàn)簡(jiǎn)單QQ聊天框
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單QQ聊天框,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-08-08