jquery獲得下拉框值的代碼
更新時(shí)間:2011年08月13日 09:38:23 作者:
jquery獲得下拉框值的代碼,使用jquery的朋友可以參考下。
獲取Select :
獲取select 選中的 text :
$("#ddlRegType").find("option:selected").text();
獲取select選中的 value:
$("#ddlRegType ").val();
獲取select選中的索引:
$("#ddlRegType ").get(0).selectedIndex;
設(shè)置select:
設(shè)置select 選中的索引:
$("#ddlRegType ").get(0).selectedIndex=index;//index為索引值
設(shè)置select 選中的value:
$("#ddlRegType ").attr("value","Normal“);
$("#ddlRegType ").val("Normal");
$("#ddlRegType ").get(0).value = value;
設(shè)置select 選中的text:
var count=$("#ddlRegType option").length;
for(var i=0;i<count;i++)
{ if($("#ddlRegType ").get(0).options[i].text == text)
{
$("#ddlRegType ").get(0).options[i].selected = true;
break;
}
}
$("#select_id option[text='jQuery']").attr("selected", true);
設(shè)置select option項(xiàng):
$("#select_id").append("<option value='Value'>Text</option>"); //添加一項(xiàng)option
$("#select_id").prepend("<option value='0'>請(qǐng)選擇</option>"); //在前面插入一項(xiàng)option
$("#select_id option:last").remove(); //刪除索引值最大的Option
$("#select_id option[index='0']").remove();//刪除索引值為0的Option
$("#select_id option[value='3']").remove(); //刪除值為3的Option
$("#select_id option[text='4']").remove(); //刪除TEXT值為4的Option
清空 Select:
$("#ddlRegType ").empty();
獲取select 選中的 text :
$("#ddlRegType").find("option:selected").text();
獲取select選中的 value:
$("#ddlRegType ").val();
獲取select選中的索引:
$("#ddlRegType ").get(0).selectedIndex;
設(shè)置select:
設(shè)置select 選中的索引:
$("#ddlRegType ").get(0).selectedIndex=index;//index為索引值
設(shè)置select 選中的value:
復(fù)制代碼 代碼如下:
$("#ddlRegType ").attr("value","Normal“);
$("#ddlRegType ").val("Normal");
$("#ddlRegType ").get(0).value = value;
設(shè)置select 選中的text:
復(fù)制代碼 代碼如下:
var count=$("#ddlRegType option").length;
for(var i=0;i<count;i++)
{ if($("#ddlRegType ").get(0).options[i].text == text)
{
$("#ddlRegType ").get(0).options[i].selected = true;
break;
}
}
$("#select_id option[text='jQuery']").attr("selected", true);
設(shè)置select option項(xiàng):
復(fù)制代碼 代碼如下:
$("#select_id").append("<option value='Value'>Text</option>"); //添加一項(xiàng)option
$("#select_id").prepend("<option value='0'>請(qǐng)選擇</option>"); //在前面插入一項(xiàng)option
$("#select_id option:last").remove(); //刪除索引值最大的Option
$("#select_id option[index='0']").remove();//刪除索引值為0的Option
$("#select_id option[value='3']").remove(); //刪除值為3的Option
$("#select_id option[text='4']").remove(); //刪除TEXT值為4的Option
清空 Select:
$("#ddlRegType ").empty();
您可能感興趣的文章:
- jQuery操作select下拉框的text值和value值的方法
- jquery multiSelect 多選下拉框
- 基于jQuery的select下拉框選擇觸發(fā)事件實(shí)例分析
- jquery及原生js獲取select下拉框選中的值示例
- jquery動(dòng)態(tài)加載select下拉框示例代碼
- jQuery+easyui中的combobox實(shí)現(xiàn)下拉框特效
- Jquery操作下拉框(DropDownList)實(shí)現(xiàn)取值賦值
- jQuery實(shí)現(xiàn)監(jiān)聽(tīng)下拉框選中內(nèi)容發(fā)生改變操作示例
- JQuery實(shí)現(xiàn)級(jí)聯(lián)下拉框效果實(shí)例講解
- jquery實(shí)現(xiàn)戶籍地選擇下拉框
相關(guān)文章
jquery中交替點(diǎn)擊事件的實(shí)現(xiàn)代碼
這篇文章主要介紹了jquery中交替點(diǎn)擊事件的實(shí)現(xiàn)代碼,需要的朋友可以參考下2014-02-02
IE下使用jQuery重置iframe地址時(shí)內(nèi)存泄露問(wèn)題解決辦法
這篇文章主要介紹了IE下使用jQuery重置iframe地址時(shí)內(nèi)存泄露問(wèn)題解決辦法,需要的朋友可以參考下2015-02-02
jQuery 屬性選擇器element[herf*=''value'']使用示例
一個(gè)針對(duì)jQuery屬性選擇器的小例子,增加對(duì)jQUery屬性選擇器的理解,感興趣的朋友可以參考下2013-10-10
jQuery動(dòng)態(tài)創(chuàng)建元素以及追加節(jié)點(diǎn)的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇jQuery動(dòng)態(tài)創(chuàng)建元素以及追加節(jié)點(diǎn)的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
把一個(gè)元素淡出或淡入可以達(dá)到更為生動(dòng)的效果,在任何一種情況下,都只是隨著時(shí)間來(lái)改變?cè)氐耐该鞫?/div> 2014-09-09
jquery實(shí)現(xiàn)預(yù)覽提交的表單代碼分享
這篇文章主要介紹了jquery實(shí)現(xiàn)預(yù)覽提交的表單代碼,需要的朋友可以參考下2014-05-05最新評(píng)論

