欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS操作select下拉框動(dòng)態(tài)變動(dòng)(創(chuàng)建/刪除/獲取)

 更新時(shí)間：2013年06月02日 15:04:12   作者：  
動(dòng)態(tài)創(chuàng)建及刪除select、添加及刪除選項(xiàng)option、獲得選項(xiàng)option的值、獲得選項(xiàng)option的文本等等，感興趣的朋友可以參考下哈
1.動(dòng)態(tài)創(chuàng)建select
復(fù)制代碼 代碼如下:

function createSelect(){
var mySelect = document.createElement_x("select");
mySelect.id = "mySelect";
document.body.appendChild(mySelect);
}

2.添加選項(xiàng)option
復(fù)制代碼 代碼如下:

function addOption(){
//根據(jù)id查找對象，
var obj=document.getElementByIdx_x('mySelect');
//添加一個(gè)選項(xiàng)
obj.add(new Option("文本","值"));
}

3.刪除所有選項(xiàng)option
復(fù)制代碼 代碼如下:

function removeAll(){
var obj=document.getElementByIdx_x('mySelect');
obj.options.length=0;
}

4.刪除一個(gè)選項(xiàng)option
復(fù)制代碼 代碼如下:

function removeOne(){
var obj=document.getElementByIdx_x('mySelect');
//index,要?jiǎng)h除選項(xiàng)的序號，這里取當(dāng)前選中選項(xiàng)的序號
var index=obj.selectedIndex;
obj.options.remove(index);
}

5.獲得選項(xiàng)option的值
復(fù)制代碼 代碼如下:

var obj=document.getElementByIdx_x('mySelect');
var index=obj.selectedIndex; //序號，取當(dāng)前選中選項(xiàng)的序號
var val = obj.options[index].value;

6.獲得選項(xiàng)option的文本
復(fù)制代碼 代碼如下:

var obj=document.getElementByIdx_x('mySelect');
var index=obj.selectedIndex; //序號，取當(dāng)前選中選項(xiàng)的序號
var val = obj.options[index].text;

7.修改選項(xiàng)option
復(fù)制代碼 代碼如下:

var obj=document.getElementByIdx_x('mySelect');
var index=obj.selectedIndex; //序號，取當(dāng)前選中選項(xiàng)的序號
var val = obj.options[index]=new Option("新文本","新值");

8.刪除select
復(fù)制代碼 代碼如下:

function removeSelect(){
var mySelect = document.getElementByIdx_x("mySelect");
mySelect.parentNode.removeChild(mySelect);
}

相關(guān)文章

  • redux中間件之redux-thunk的具體使用

    redux中間件之redux-thunk的具體使用

    本篇文章主要介紹了redux中間件之redux-thunk的具體使用，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-04-04
  • JavaScript在瀏覽器中的執(zhí)行機(jī)制

    JavaScript在瀏覽器中的執(zhí)行機(jī)制

    既然說到了JavaScript,那么就會(huì)繞不過去執(zhí)行上下文,只有理解了執(zhí)行上下文才能更好的理解JavaScript本身,不過本部分不是專門講解?JavaScript的,主要從JavaScript的執(zhí)行順序開始介紹一下JavaScript是怎樣運(yùn)行的
    2023-09-09
  • JS實(shí)現(xiàn)簡單可拖動(dòng)的模態(tài)框

    JS實(shí)現(xiàn)簡單可拖動(dòng)的模態(tài)框

    這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)簡單可拖動(dòng)的模態(tài)框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2022-07-07
  • JS實(shí)現(xiàn)碰撞檢測效果

    JS實(shí)現(xiàn)碰撞檢測效果

    這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)碰撞檢測效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2020-03-03
  • Map與WeakMap類型在JavaScript中的使用詳解

    Map與WeakMap類型在JavaScript中的使用詳解

    這篇文章主要介紹了Map與WeakMap類型在JavaScript中的使用,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
    2020-11-11
  • JavaScript檢測瀏覽器cookie是否已經(jīng)啟動(dòng)的方法

    JavaScript檢測瀏覽器cookie是否已經(jīng)啟動(dòng)的方法

    這篇文章主要介紹了JavaScript檢測瀏覽器cookie是否已經(jīng)啟動(dòng)的方法,實(shí)例分析了javascript操作cookie的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-02-02
  • 微信小程序開發(fā)搖一搖功能

    微信小程序開發(fā)搖一搖功能

    這篇文章主要介紹了微信小程序搖一搖功能，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2019-11-11
  • zepto中使用swipe.js制作輪播圖附swipeUp,swipeDown不起效果問題

    zepto中使用swipe.js制作輪播圖附swipeUp,swipeDown不起效果問題

    Swipe JS 是一個(gè)輕量級的移動(dòng)滑動(dòng)組件，支持 1:1 的觸摸移動(dòng)，阻力以及防滑性能都不錯(cuò)，可以讓移動(dòng)web應(yīng)用展現(xiàn)更多的內(nèi)容，能解決我們對于移動(dòng)Web對滑動(dòng)的需求。下面小編給大家介紹zepto中使用swipe.js制作輪播圖附swipeUp,swipeDown不起效果問題，需要朋友可以參考下
    2015-08-08
  • Javascript實(shí)現(xiàn)的鼠標(biāo)經(jīng)過時(shí)播放聲音

    Javascript實(shí)現(xiàn)的鼠標(biāo)經(jīng)過時(shí)播放聲音

    今天突然想起做一個(gè)當(dāng)鼠標(biāo)經(jīng)過<a/>時(shí)，會(huì)發(fā)出聲音
    2010-05-05
  • 給文字加上著重號的JS代碼

    給文字加上著重號的JS代碼

    這篇文章介紹了給文字加上著重號的JS代碼，有需要的朋友可以參考一下
    2013-11-11

最新評論