JQuery獲取和設置Select選項方法

JQuery獲取和設置Select選項

獲取Select :

獲取select 選中的 text:
$("#ddlRegType").find("option:selected").text();
獲取select選中的 value:

$("#ddlRegType ").val();
獲取select選中的索引:
$("#ddlRegType ").get(0).selectedIndex;

設置select:

設置select 選中的索引:
$("#ddlRegType ").get(0).selectedIndex=index;//index爲索引值
設置select 選中的value:
$("#ddlRegType ").attr("value","Normal“);
$("#ddlRegType ").val("Normal");
$("#ddlRegType ").get(0).value = value;
設置select 選中的text:

var count=$("#ddlRegType ").size();
for(var i=0;i<count;i++)
{ if($("#ddlRegType ").get(0).options.text == text)
{
$("#ddlRegType ").get(0).options.selected = true;

break;
}
}

清空 Select:
$("#ddlRegType ").empty();


獲取顯示的漢字

document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text

獲取數據庫中的id

window.document.getElementById("bigclass").value

獲取select組分配的索引id

window.document.getElementById("bigclass").selectedIndex


例子:


<select name="bigclass" id="bigclass" onChange="javascript:updatePage2();">
<option value="" selected="selected">ajax實驗</option>
<option value="4">我適宜市哈</option>
</select>

使用
document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text
的結果是:我適宜市哈

使用
window.document.getElementById("bigclass").value
的結果是:4

使用
window.document.getElementById("bigclass").selectedIndex
的結果是:1
發佈了73 篇原創文章 · 獲贊 0 · 訪問量 5978
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章