最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

封裝html的select標(biāo)簽的js操作實(shí)例

 更新時(shí)間:2013年07月02日 11:12:14   作者:  
本文將為大家介紹下正如標(biāo)題所示的select操作:清空所有的選項(xiàng)、添加一個(gè)選項(xiàng)、根據(jù)值、選中一個(gè)選項(xiàng)、根據(jù)下標(biāo),選中一個(gè)選項(xiàng),感興趣的朋友可以參考下哈,希望對(duì)大家有所幫助
復(fù)制代碼 代碼如下:

function BindSelect(id,dataList,fieldtext,fieldValue) {
//綁定某一個(gè)數(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) {//添加一個(gè)選項(xiàng)
var select = $("#" + id)[0];
select.options.add(new Option(text, value));
}
function selectOneOption(id, selectValue) {//根據(jù)值,選中一個(gè)選項(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),選中一個(gè)選項(xiàng)</SPAN>

var select = $("#" + id)[0];
var len = select.options.length;
if (index >= 0 && index <= len) {
select.options[index].selected = true;
}
}

相關(guān)文章

  • HTML Color Picker(js拾色器效果)

    HTML Color Picker(js拾色器效果)

    這篇文章主要是用js實(shí)現(xiàn)拾色器效果,來自國(guó)外的網(wǎng)站,喜歡的朋友可以參考下
    2013-08-08
  • 第七章之菜單按鈕圖標(biāo)組件

    第七章之菜單按鈕圖標(biāo)組件

    Bootstrap,來自 Twitter,是目前最受歡迎的前端框架。這篇文章主要介紹BootStrap組件之菜單按鈕圖標(biāo)組件的相關(guān)資料,需要的朋友可以參考下
    2016-04-04
  • 寫的一段拖動(dòng)對(duì)象的代碼

    寫的一段拖動(dòng)對(duì)象的代碼

    寫的一段拖動(dòng)對(duì)象的代碼...
    2007-01-01
  • Javascript 網(wǎng)頁黑白效果實(shí)現(xiàn)代碼(兼容IE/FF等)

    Javascript 網(wǎng)頁黑白效果實(shí)現(xiàn)代碼(兼容IE/FF等)

    今天在網(wǎng)上看到有人推薦的一個(gè)不錯(cuò)的方法,試了一下,效果還是可以的,可以自定義讓網(wǎng)頁的某一部分變成灰度顏色(黑白)。
    2010-04-04
  • ES6 javascript中class靜態(tài)方法、屬性與實(shí)例屬性用法示例

    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 數(shù)組詳細(xì)操作方法及解析合集

    js 數(shù)組詳細(xì)操作方法及解析合集

    在開發(fā)中,數(shù)組的使用場(chǎng)景非常多,平日中也涉及到很多數(shù)組的api/相關(guān)操作,一直也沒有對(duì)這塊內(nèi)容進(jìn)行一塊整理總結(jié),很多時(shí)候就算用過幾次這個(gè)api,在開發(fā)中也很容易忘記,還是要谷歌一下
    2018-06-06
  • JS+HTML5實(shí)現(xiàn)圖片在線預(yù)覽功能

    JS+HTML5實(shí)現(xiàn)圖片在線預(yù)覽功能

    這篇文章主要為大家詳細(xì)介紹了JS+HTML5實(shí)現(xiàn)圖片在線預(yù)覽功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-07-07
  • 小程序云開發(fā)實(shí)戰(zhàn)小結(jié)

    小程序云開發(fā)實(shí)戰(zhàn)小結(jié)

    這篇文章主要介紹了小程序云開發(fā)實(shí)戰(zhàn)小結(jié),本文詳細(xì)的介紹了云開發(fā)以及環(huán)境的搭建和項(xiàng)目實(shí)踐,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
    2018-10-10
  • JavaScript遍歷數(shù)組的方法代碼實(shí)例

    JavaScript遍歷數(shù)組的方法代碼實(shí)例

    這篇文章主要介紹了JavaScript遍歷數(shù)組的方法代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-01-01
  • 微信小程序?qū)崿F(xiàn)側(cè)邊導(dǎo)航欄

    微信小程序?qū)崿F(xiàn)側(cè)邊導(dǎo)航欄

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)側(cè)邊導(dǎo)航欄,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-07-07

最新評(píng)論

商河县| 虎林市| 仪征市| 都江堰市| 宁安市| 昌吉市| 义马市| 淮北市| 鄂托克旗| 泸水县| 中宁县| 隆子县| 海城市| 隆林| 赤水市| 济宁市| 金秀| 义乌市| 应用必备| 枣强县| 富阳市| 绥江县| 诸暨市| 章丘市| 揭西县| 卢湾区| 怀集县| 安平县| 宁德市| 探索| 福州市| 墨竹工卡县| 博白县| 察隅县| 新闻| 武川县| 彰武县| 武清区| 邢台市| 灌云县| 永泰县|