亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

javascript對下拉列表框(select)的操作實例講解

2019-11-20 21:33:51
字體:
供稿:網(wǎng)友

這篇文章,主要是關(guān)于javascript和select相關(guān)的最基本方法,以供不熟悉javascript的人參考。常見的情況是,提出表單結(jié)構(gòu)的人, 不僅僅需要為程序設(shè)計邏輯,創(chuàng)建數(shù)據(jù)結(jié)構(gòu),還需要設(shè)計表單的樣式,以及熟悉javascript;某些公司可能會要求您精通photoshop:最初的時候,我們都是全才。

下面是我們例子的基礎(chǔ);這不是一個標準的表單。

<form id="f">
<select size="1" name="s">
<option value="VeVB.COm">武林網(wǎng)</option>
<option value="baidu.com">百度</option>
</select>
</form>

---------------------------------------------------------------------------

復制代碼 代碼如下:

<script type="text/javascript">
<!--
var f = document.getElementById("f");

//獲得select列表項數(shù)目
document.write(f.s.options.length);
document.write(f.s.length);

//當前選中項的下標(從0 開始)(有兩種方法)
//如果選擇了多項,則返回第一個選中項的下標
document.write(f.s.options.selectedIndex);
document.write(f.s.selectedIndex);

//檢測某一項是否被選中
document.write(f.s.options[0].selected);

//獲得某一項的值和文字
document.write(f.s.options[0].value);
document.write(f.s.options[1].text);

//刪除某一項
f.s.options[1] = null;

//追加一項
f.s.options[f.s.options.length] = new Option("追加的text", "追加的value");

//更改一項
f.s.options[1] = new Option("更改的text", "更改的value");
//也可以直接設(shè)置該項的 text 和 value
//-->
</script>


//全選列表中的項
function SelectAllOption(list)
{
for (var i=0; i<list.options.length; i++)
{
list.options[i].selected = true;
}
}


//反選列表中的項 by VeVB.COm asp學習網(wǎng)
function DeSelectOptions(list)
{
for (var i=0; i<list.options.length; i++)
{
list.options[i].selected = !list.options[i].selected;
}
}


//返回列表中選擇項數(shù)目
function GetSelectedOptionsCnt(list)
{
var cnt = 0;
var i = 0;
for (i=0; i<list.options.length; i++)
{
if (list.options[i].selected)
{
cnt++;
}
}

return cnt;
}


//清空列表
function ClearList(list)
{
while (list.options.length > 0)
{
list.options[0] = null;
}
}


//刪除列表選中項
//返回刪除項的數(shù)量
function DelSelectedOptions(list)
{
var i = 0;
var deletedCnt = 0;
while (i < list.options.length)
{
if (list.options[i].selected)
{
list.options[i] = null;
deletedCnt++;
}
else
{
i++;
}
}

return deletedCnt;
}
//此函數(shù)查找相應(yīng)的項是否存在
//repeatCheck是否進行重復性檢查
//若為"v",按值進行重復值檢查
//若為"t",按文字進行重復值檢查
//若為"vt",按值和文字進行重復值檢查
//其它值,不進行重復性檢查,返回false
function OptionExists(list, optText, optValue, repeatCheck)
{
var i = 0;
var find = false;

if (repeatCheck == "v")
{
//按值進行重復值檢查
for (i=0; i<list.options.length; i++)
{
if (list.options[i].value == optValue)
{
find = true;
break;
}
}
}
else if (repeatCheck == "t")
{
//按文字進行重復檢查
for (i=0; i<list.options.length; i++)
{
if (list.options[i].text == optText)
{
find = true;
break;
}
}
}
else if (repeatCheck == "vt")
{
//按值和文字進行重復檢查
for (i=0; i<list.options.length; i++)
{
if ((list.options[i].value == optValue) && (list.options[i].text == optText))
{
find = true;
break;
}
}
}

return find;
}


//向列表中追加一個項
//list 是要追加的列表
//optText 和 optValue 分別表示項的文字和值
//repeatCheck 是否進行重復性檢查,參見 OptionExists
//添加成功返回 true,失敗返回 false
function AppendOption(list, optText, optValue, repeatCheck)
{
if (!OptionExists(list, optText, optValue, repeatCheck))
{
list.options[list.options.length] = new Option(optText, optValue);
return true;
}
else
{
return false;
}
}


//插入項
//index 插入位置,當插入位置 >= 列表現(xiàn)有項數(shù)量時,其作用相當于不進行重復檢查的追加項
//optText 和 optValue 分別表示項的文字和值
function InsertOption(list, index, optText, optValue)
{
var i = 0;
for (i=list.options.length; i>index; i--)
{
list.options[i] = new Option(list.options[i-1].text, list.options[i-1].value);
}

list.options[index] = new Option(optText, optValue);
}
//將一個列表中的項導到另一個列表中
//repeatCheck是否進行重復性檢查,參見OptionExists
//deleteSource項導到目標后,是否刪除源列表中的項
//返回影響的項數(shù)量
function ListToList(sList, dList, repeatCheck, deleteSource)
{
//所影響的行數(shù)
var lines = 0;
var i = 0;
while (i<sList.options.length)
{
if (sList.options[i].selected && AppendOption(dList, sList.options[i].text, sList.options[i].value, repeatCheck))
{
//添加成功
lines++;
if (deleteSource)
{
//刪除源列表中的項
sList.options[i] = null;
}
else
{
i++;
}
}
else
{
i++;
}
}

return lines;
}


//列表中選中項上移
function MoveSelectedOptionsUp(list)
{
var i = 0;
var value = "";
var text = "";
for (i=0; i<(list.options.length-1); i++)
{
if (!list.options[i].selected && list.options[i+1].selected)
{
value = list.options[i].value;
text = list.options[i].text;
list.options[i] = new Option(list.options[i+1].text, list.options[i+1].value);
list.options[i].selected = true;
list.options[i+1] = new Option(text, value);
}
}
}


//列表中選中項下移
function MoveSelectedOptionsDown(list)
{
var i = 0;
var value = "";
var text = "";
for (i=list.options.length-1; i>0; i--)
{

//www.49028c.com
if (!list.options[i].selected && list.options[i-1].selected)
{
value = list.options[i].value;
text = list.options[i].text;
list.options[i] = new Option(list.options[i-1].text, list.options[i-1].value);
list.options[i].selected = true;
list.options[i-1] = new Option(text, value);
}
}
}

 

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
色综合久久88色综合天天免费| 成人亚洲免费| 麻豆亚洲一区| 99久久九九| 精品在线欧美视频| 亚洲视频资源在线| 国产第一页精品| 国产精品久久久久久精| 天堂在线观看视频观看www| 久久人人看视频| 波多野结衣网站| 一区二区视频网| 东京热无码av男人的天堂| 在线能看的av| 天堂…中文在线最新版在线| 亚洲av无码一区东京热久久| 久久久精品国产| 亚洲欧美一区二区三区在线| 免费国产黄色网址| 中文在线一区| 天堂av在线免费观看| 九九视频这里只有精品| 一区二区日韩av| 中日韩一级黄色片| 岛国av一区二区在线在线观看| 川上优av中文字幕一区二区| 午夜一区在线观看| 国产 日韩 欧美 在线| 美乳视频一区二区| 一区二区三区四区在线不卡高清| 国产成人精品视频免费| 日本福利视频在线| 亚洲精品视频一区二区| 777米奇影视第四色| 亚洲精品久久久久久宅男| 日本一区二区三区四区视频| 中国女人特级毛片| 91国偷自产中文字幕久久| 8x海外华人永久免费日韩内陆视频| 可以免费看av的网址| 国产精品一区二区男女羞羞无遮挡| 国产真实的和子乱拍在线观看| 久久7799| 高清hd写真福利在线播放| 欧美福利视频一区二区| 国产精品99久久不卡二区| 少妇无码一区二区三区| 激情内射人妻1区2区3区| 一本二本三本亚洲码| 欧美大尺度在线观看| 亚洲欧美日韩中文字幕在线观看| 国产爆初菊在线观看免费视频网站| 午夜丝袜av电影| 在线亚洲免费| 2020国产在线视频| 久久人人爽人人爽| 在线亚洲欧美专区二区| 午夜成在线www| 日韩欧美中文字幕一区二区三区| 粉嫩在线一区二区三区视频| 精品久久久久久久久久久| 欧美 亚欧 日韩视频在线| 春色成人在线视频| 国产情侣一区二区三区| 国产精品2018| 欧美hentaied在线观看| 激情乱色小说视频| 在线播放91灌醉迷j高跟美女| 91福利国产成人精品播放| 久久九九久久九九| 欧美mv日韩mv亚洲| 亚洲伦理影院| 黄色成人在线观看| 免费观看又色又爽又黄的网站| 爱啪视频在线观看视频免费| av片免费观看| 亚洲欧美日韩一区二区三区在线观看| 中文字幕第69页| 性一交一乱一伧国产女士spa| 国产天堂在线观看| 91中文字幕在线播放| 狠狠入ady亚洲精品经典电影| 欧美精彩视频一区二区三区| 天海翼中文字幕| 欧美三级日本三级少妇99| 久久众筹精品私拍模特| 亚洲五月激情网| 先锋影音日韩| 人成免费在线视频| 美女扒开腿让男人桶爽久久动漫| 日韩黄色三级| 97超超碰碰| www.中文字幕| 99国产精品视频免费观看| 欧美日韩亚洲国产综合| 日本在线影院| 国产视频二区| 日韩欧美字幕| 日本在线精品视频| 精品人妻av一区二区三区| 色资源网站在线观看| 又大又长粗又爽又黄少妇视频| av在线播放av| 亚欧美无遮挡hd高清在线视频| 一区二区激情小说| 天天综合天天添夜夜添狠狠添| 日韩偷拍一区二区| 波多野结衣喷潮| 一级做a爱视频| 欧美韩国日本| 在线观看亚洲黄色| 国产3p露脸普通话对白| 欧美高清视频在线播放| 伊人久久男人天堂| 日本a级不卡| 国产亚洲精品中文字幕| 国产成人在线视频免费播放| 免费看av软件| 日韩美女毛茸茸| 天天亚洲美女在线视频| 91香蕉视频污| 老太脱裤子让老头玩xxxxx| 日本在线视频网| 制服丝袜在线91| 成人免费一区二区三区牛牛| 亚洲经典在线| 最新亚洲精品| www.com亚洲| 日韩av在线高清| 最新黄色网址在线观看| 国产色视频一区| 久久无码高潮喷水| 2019中文字幕在线电影免费| 丝袜亚洲精品中文字幕一区| 久草视频免费在线观看| 欧美日在线观看| 在线中文av| 精品精品99| 欧美日韩在线看| yjizz视频网站在线播放| 日本aⅴ亚洲精品中文乱码| 免费男女羞羞的视频网站中文字幕妖精视频| 国产精品高清无码在线观看| 久久午夜色播影院免费高清| 国产www免费观看| 美女视频一区二区| 国产精品第二页| 日日日日人人人夜夜夜2017| 亚洲天堂一区二区三区四区| 久久久精品人妻无码专区| 天天干天天干天天操| 欧美激情欧美激情| 欧美精品日韩精品| 日本久久久久久久久久| 亚洲午夜免费视频| 亚洲第一级黄色片| 无遮挡又爽又刺激的视频| 伊人精品久久久久7777| 欧美午夜aaaaaa免费视频| 国模雨婷捆绑高清在线| 国内精品久久久久久影院8f| 一区二区国产日产| 欧美日韩一视频区二区| 国产成人a亚洲精v品无码| 亚洲 欧美 日韩系列| 欧美18一14sex性处hd| 永久免费毛片在线播放| 日本少妇xxxx动漫| 久久精品丝袜高跟鞋| 在线一级观看| 欧美天天综合网| 在线观看精品自拍私拍| 国产在线综合视频| 麻豆av免费在线观看| 91免费国产视频| 亚洲一区二区三区成人在线视频精品| 欧美韩日一区二区三区四区| 国产又粗又猛又色又| 成人伊人精品色xxxx视频| 69看片网站| 国产精品 欧美激情| 成人午夜视频网站| 91理论电影在线观看| 亚洲综合视频在线| 成人黄色av网站| 972aa.com艺术欧美| 中文字幕欧美在线观看| 在线观看亚洲视频啊啊啊啊| 欧美精品在线一区二区| 国内精品福利| 麻豆精品传媒视频观看| 国产精品免费入口| 欧美视频免费一区二区三区| 日本精品视频| 日韩激情视频一区二区| 国产精品2023| 夜夜嗨av一区二区三区中文字幕| 国产精品二线| 麻豆成人在线视频| 又污又黄的网站| 永久域名在线精品| 国产成人午夜99999| 91麻豆产精品久久久久久| 欧美不卡高清一区二区三区| 桃花岛成人影院| 在线播放国产精品| 亚洲成人7777| 丰满少妇又爽又紧又丰满69| 精品国产1区2区| 黄色免费观看视频网站| 久久蜜桃精品| 高清一区二区三区四区五区| 一呦二呦三呦精品国产| 日韩精品极品毛片系列视频| 一区二区久久| 免费高清视频在线观看| 国产精品综合一区二区| 国产亚洲欧洲| 国产精品你懂得| 亚洲精品免费在线观看视频| 无码人妻精品一区二区三区夜夜嗨| 992tv人人草| 草草久视频在线观看电影资源| 日韩在线欧美在线国产在线| 久久99精品久久| 推川ゆうり中文亚洲二区| 国产精品欧美色图| 国产mv日韩mv欧美| 一区二区三区 欧美| 91.麻豆视频| 久久久久高潮毛片免费全部播放| 欧美午夜不卡影院在线观看完整版免费| 亚洲免费影院| 99久久婷婷| 看黄在线观看| 亚洲大胆人体视频| 激情小视频网站| 好吊视频一区二区三区| 免费黄色网址在线| 国产精品第12页| 国产一区二区三区蝌蚪| 天堂中文视频在线| 国产精品被窝福利一区| 欧美色图亚洲| 国产ts在线播放| 99tv成人| 在线观看黄色| 国产成人亚洲欧美电影| 日本一级免费视频| 嫩草影视亚洲| 美女被羞羞网站| 欧美自拍视频在线观看| 激情婷婷丁香| 少妇高清精品毛片在线视频| 青青青草原在线| 你懂的网址一区二区三区| 日韩一区二区精品葵司在线| 中文字幕自拍vr一区二区三区| 7m精品福利视频导航| 91精品国产自产91精品| www.天天操| 日本中文字幕免费| 最近中文字幕无免费| 99久精品视频在线观看视频| 精品一区二区三区无码视频| 久久天堂夜夜一本婷婷麻豆| 偷拍精品福利视频导航| 伊人青青综合网站| 日韩女优在线视频| 亚洲四区在线观看| 亚洲一区二区三区sesese| 影音先锋5566中文源资源| 久久久久久艹| 国产不卡精品在线| 欧美视频在线观看一区二区三区| 欧美男体视频| 蜜桃视频无码区在线观看| 黄色91在线观看| 樱桃成人精品视频在线播放| 亚洲欧美激情一区二区三区| 中文字幕一区二区三区四区在线视频| 国产成人免费视频app| 亚洲成人动漫在线播放| 国产精品第九页| 亚洲图片中文字幕| 国精产品一区一区三区mba视频| 美日韩中文字幕| 草草草视频在线观看| 亚洲欧美99| 操人视频在线观看欧美| 欧美欧美欧美欧美| 1024亚洲合集| 国内精品久久久久久| 蝌蚪视频在线播放| 97碰在线视频| 国产精品久久久久久久久动漫| 一本大道东京热无码aⅴ| 久久草av在线| 天天躁日日躁狠狠躁av麻豆男男| 韩日精品视频一区| 欧美日韩在线视频播放| 国产精品国产自产拍高清av| 国产一区二区三区四区视频| 午夜视频一区在线观看| 亚洲 欧美 日韩在线| 啪啪国产精品| 亚洲成人第一网站| 先锋影音亚洲资源| 国产精品二区不卡| 国产一区国产二区国产三区| 性色av一区二区三区免费| 久久久五月天| 私人影视中文字幕| 欧美精品精品精品精品免费| 91免费视频网站在线观看| 欧美成人ⅴideosxxxxx| av三级在线观看| 日本10禁啪啪无遮挡免费一区二区| 老熟妇一区二区三区| 97在线观看免费高清视频| 黄色av一区二区| 在线不卡日本v二区707| 九九热视频免费观看| 午夜一级电影| 亚洲天堂电影网| 欧美性xxxxxx| 国产日韩中文在线| 无码粉嫩虎白一线天在线观看|