封裝html的select標(biāo)簽的js操作實(shí)例
更新時間:2013年07月02日 11:12:14 作者:
本文將為大家介紹下正如標(biāo)題所示的select操作:清空所有的選項(xiàng)、添加一個選項(xiàng)、根據(jù)值、選中一個選項(xiàng)、根據(jù)下標(biāo),選中一個選項(xiàng),感興趣的朋友可以參考下哈,希望對大家有所幫助
復(fù)制代碼 代碼如下:
function BindSelect(id,dataList,fieldtext,fieldValue) {
//綁定某一個數(shù)據(jù)源,fieldtext為需要綁定的文本字段,fieldValue為需要綁定的value字段
var select = $("#" + id)[0];
for (var i = 0; i < dataList.length; i++) {
select.options.add(new Option(eval("dataList[" + i + "]." + fieldtext), eval("dataList[" + i + "]." + fieldValue)));
}
}
function BindSelectOptions(id, OptionList) {
var select = $("#" + id)[0];
for (var i = 0; i < OptionList.length; i++) {
select.options.add(new Option(OptionList[i].Text, OptionList[i].Value));
}
}
function ClearAllItems(id) {//清空所有的選項(xiàng)
var select = $("#" + id)[0];
select.options.length = 0;
}
function AddOneItem(id, text, value) {//添加一個選項(xiàng)
var select = $("#" + id)[0];
select.options.add(new Option(text, value));
}
function selectOneOption(id, selectValue) {//根據(jù)值,選中一個選項(xiàng)
var select = $("#" + id)[0];
var len = select.options.length;
for (var i = 0; i < len; i++) {
if (select.options[i].value == selectValue) {
select.options[i].selected = true;
break;
}
}
}
function selectOneOptionByIndex(id, index) {//<SPAN style="FONT-FAMILY: Arial, Helvetica, sans-serif">//根據(jù)下標(biāo),選中一個選項(xiàng)</SPAN>
var select = $("#" + id)[0];
var len = select.options.length;
if (index >= 0 && index <= len) {
select.options[index].selected = true;
}
}
您可能感興趣的文章:
- Jquery多選下拉列表插件jquery multiselect功能介紹及使用
- 淺析jQuery對select操作小結(jié)(遍歷option,操作option)
- JSP頁面中如何用select標(biāo)簽實(shí)現(xiàn)級聯(lián)
- 刪除select中所有option選項(xiàng)jquery代碼
- JQuery中對Select的option項(xiàng)的添加、刪除、取值
- jQuery動態(tài)添加刪除select項(xiàng)(實(shí)現(xiàn)代碼)
- js簡單實(shí)現(xiàn)HTML標(biāo)簽Select聯(lián)動帶跳轉(zhuǎn)
- jquery模擬SELECT下拉框取值效果
- jquery及原生js獲取select下拉框選中的值示例
- Js操作Select大全(取值、設(shè)置選中等等)
- js獲取select選中的option的text示例代碼
- js select option對象小結(jié)
- jQuery結(jié)合CSS制作漂亮的select下拉菜單
- jsp中select的onchange事件用法實(shí)例
- javascript中select下拉框的用法總結(jié)
- JS、jQuery中select的用法詳解
相關(guān)文章
Javascript 網(wǎng)頁黑白效果實(shí)現(xiàn)代碼(兼容IE/FF等)
今天在網(wǎng)上看到有人推薦的一個不錯的方法,試了一下,效果還是可以的,可以自定義讓網(wǎng)頁的某一部分變成灰度顏色(黑白)。2010-04-04
ES6 javascript中class靜態(tài)方法、屬性與實(shí)例屬性用法示例
這篇文章主要介紹了ES6 javascript中class靜態(tài)方法、屬性與實(shí)例屬性用法,結(jié)合實(shí)例形式分析了ES6中類的靜態(tài)方法、靜態(tài)屬性概念、功能、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-10-10
JS+HTML5實(shí)現(xiàn)圖片在線預(yù)覽功能
這篇文章主要為大家詳細(xì)介紹了JS+HTML5實(shí)現(xiàn)圖片在線預(yù)覽功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-07-07
小程序云開發(fā)實(shí)戰(zhàn)小結(jié)
這篇文章主要介紹了小程序云開發(fā)實(shí)戰(zhàn)小結(jié),本文詳細(xì)的介紹了云開發(fā)以及環(huán)境的搭建和項(xiàng)目實(shí)踐,非常具有實(shí)用價值,需要的朋友可以參考下2018-10-10
JavaScript遍歷數(shù)組的方法代碼實(shí)例
這篇文章主要介紹了JavaScript遍歷數(shù)組的方法代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-01-01
微信小程序?qū)崿F(xiàn)側(cè)邊導(dǎo)航欄
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)側(cè)邊導(dǎo)航欄,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-07-07

