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)聽下拉框選中內(nèi)容發(fā)生改變操作示例
- JQuery實(shí)現(xiàn)級(jí)聯(lián)下拉框效果實(shí)例講解
- jquery實(shí)現(xiàn)戶籍地選擇下拉框
相關(guān)文章
jquery實(shí)現(xiàn)多行文字圖片滾動(dòng)效果示例代碼
多行文字圖片滾動(dòng)效果的實(shí)現(xiàn)方法有很多,本例與大家分享的是jquery實(shí)現(xiàn)的具體步驟,很實(shí)用的2014-10-10實(shí)例解析jQuery中如何取消后續(xù)執(zhí)行內(nèi)容
本文主要介紹了jQuery中取消后續(xù)執(zhí)行內(nèi)容的實(shí)例,代碼通俗易懂。需要的朋友來看下吧2016-12-12從零開始學(xué)習(xí)jQuery (九) jQuery工具函數(shù)
我們經(jīng)常要使用腳本處理各種業(yè)務(wù)邏輯, 最常見的就是數(shù)組和對(duì)象的操作. jQuery工具函數(shù)為我們操作對(duì)象和數(shù)組提供了便利條件.2011-02-02jQuery的 $.ajax防止重復(fù)提交的兩種方法(推薦)
本文給大家分享兩種jquery 的ajax防止重復(fù)提交的方法,第一種方法對(duì)于onclick事件觸發(fā)的ajax,在beforeSend中使點(diǎn)擊按鈕不可用,ajax結(jié)果返回后置為可用,第二種利用jquery ajaxPrefilter中斷請(qǐng)求,對(duì)于詳情請(qǐng)參考下本文2016-10-10jquery刪除數(shù)據(jù)記錄時(shí)的彈出提示效果
這篇文章主要介紹了jquery實(shí)現(xiàn)的刪除數(shù)據(jù)記錄時(shí)的彈出提示效果,需要的朋友可以參考下2014-05-05詳談 Jquery Ajax異步處理Json數(shù)據(jù).
啥叫異步,啥叫Ajax.咱不談啥XMLHTTPRequest.通俗講異步就是前臺(tái)頁面javascript能調(diào)用后臺(tái)方法.這樣就達(dá)到了無刷新.2011-09-09