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

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 21:33:51
字體:
來源:轉載
供稿:網友

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

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

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

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

復制代碼 代碼如下:

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

//獲得select列表項數目
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");
//也可以直接設置該項的 text 和 value
//-->
</script>


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


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


//返回列表中選擇項數目
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;
}
}


//刪除列表選中項
//返回刪除項的數量
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;
}
//此函數查找相應的項是否存在
//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 插入位置,當插入位置 >= 列表現有項數量時,其作用相當于不進行重復檢查的追加項
//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項導到目標后,是否刪除源列表中的項
//返回影響的項數量
function ListToList(sList, dList, repeatCheck, deleteSource)
{
//所影響的行數
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);
}
}
}

 

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
精品国产乱码久久久久久婷婷| 日韩电影免费观看在线观看| 成人网在线免费观看| 日韩电影在线观看永久视频免费网站| 国产成人中文字幕| 精品小视频在线| 大荫蒂欧美视频另类xxxx| 国产亚洲精品综合一区91| 中文字幕亚洲一区在线观看| 日本免费在线精品| 国产精品久久久久久久av电影| 亚洲网址你懂得| 欧美性一区二区三区| 欧美日韩一区二区免费在线观看| 国产日产久久高清欧美一区| 日本欧美精品在线| 成人免费视频在线观看超级碰| 欧美成人一区在线| 亚洲欧洲一区二区三区久久| 国产精品国语对白| 日韩欧美主播在线| 久久亚洲精品中文字幕冲田杏梨| 91中文精品字幕在线视频| 欧美成人精品在线播放| 浅井舞香一区二区| 国产精品久久久久久久久影视| 精品亚洲国产成av人片传媒| 国产一区玩具在线观看| 黄网动漫久久久| 精品福利樱桃av导航| 91久久精品日日躁夜夜躁国产| 国产精品女人久久久久久| 在线观看91久久久久久| 欧美激情在线视频二区| 久久久久99精品久久久久| 日韩在线视频中文字幕| 亚洲人成网站免费播放| xxav国产精品美女主播| 亚洲专区中文字幕| 亚洲成人精品视频在线观看| 日韩暖暖在线视频| 精品自在线视频| 国产精品狼人色视频一区| 国产女精品视频网站免费| 狠狠躁夜夜躁人人躁婷婷91| 久久在线视频在线| 成人激情在线播放| 8090成年在线看片午夜| 日韩国产高清污视频在线观看| 狠狠躁夜夜躁人人爽超碰91| 国自在线精品视频| 久久中文字幕一区| 国产精品6699| 久久精品夜夜夜夜夜久久| 一区二区成人精品| 国产精品久久77777| 日韩精品欧美国产精品忘忧草| 国产精品成人观看视频国产奇米| 成人性生交大片免费看视频直播| 精品日韩中文字幕| 国产日韩欧美在线看| 亚洲精品成人久久电影| 精品国产一区二区三区久久狼黑人| 久久久久国色av免费观看性色| 精品国产欧美一区二区三区成人| 蜜月aⅴ免费一区二区三区| 国产精品免费一区二区三区都可以| 日本韩国欧美精品大片卡二| 国产综合福利在线| 久久久国产精彩视频美女艺术照福利| 亚洲a中文字幕| 久久久爽爽爽美女图片| 欧美国产日韩一区二区| 国模精品系列视频| 日韩av毛片网| 久青草国产97香蕉在线视频| 国产精品一二三在线| 国产成人精品电影久久久| 欧洲日本亚洲国产区| 亚洲专区中文字幕| 国产成人精品一区| 久久久91精品| 最近2019好看的中文字幕免费| 亚洲另类图片色| 一区二区亚洲欧洲国产日韩| 国产精品夫妻激情| 亚州欧美日韩中文视频| 视频在线观看99| 欧美激情亚洲国产| 精品一区二区电影| 久99九色视频在线观看| 青青在线视频一区二区三区| 亚洲欧洲在线观看| 亚洲欧美日韩一区二区三区在线| 国产精品7m视频| 中文字幕最新精品| 日韩成人在线电影网| 自拍偷拍亚洲一区| 国产精品午夜一区二区欲梦| 日本成人在线视频网址| 97精品在线视频| 精品成人国产在线观看男人呻吟| 日韩电影在线观看免费| 日韩在线播放视频| 久久久久久久影视| 亚洲乱码av中文一区二区| 中文字幕日韩免费视频| 久久精品视频在线观看| 日本韩国在线不卡| 欧美精品日韩www.p站| 亚州国产精品久久久| 亚洲综合日韩在线| 日本精品中文字幕| 国外色69视频在线观看| 欧美亚洲国产成人精品| 色樱桃影院亚洲精品影院| 91精品久久久久久久久久入口| 久久精品国产2020观看福利| 日韩视频欧美视频| 久久久久久久97| 国产精品黄视频| 日韩av色在线| 668精品在线视频| 亚洲高清一区二| 国产精品亚洲视频在线观看| 日韩免费电影在线观看| 欧美专区中文字幕| 欧美黑人又粗大| 日韩美女视频在线观看| 国产精品亚洲欧美导航| 亚洲视频在线观看免费| 色在人av网站天堂精品| 久久精品国产亚洲7777| 在线播放日韩欧美| 精品美女国产在线| 久久久亚洲影院你懂的| 久久久久久亚洲| 亚洲天堂第一页| 97久久精品视频| 国产在线日韩在线| 国产亚洲精品一区二555| 97视频免费在线观看| 日韩精品中文在线观看| 亚洲国产另类 国产精品国产免费| 亚洲女人被黑人巨大进入| 97成人在线视频| 国产亚洲欧洲高清一区| 狠狠躁夜夜躁人人爽超碰91| www.久久草.com| 日韩国产在线播放| 欧美日韩国产麻豆| 久久久久久久久国产精品| 日韩中文字幕在线观看| 日韩一区二区福利| 91精品久久久久久久久| 国产狼人综合免费视频| 视频在线观看一区二区| 久久久亚洲福利精品午夜| 8090成年在线看片午夜| 久久精品一偷一偷国产| 国产精品午夜国产小视频| 日韩欧美中文字幕在线观看| 日本亚洲欧美成人| 亚洲欧美日韩第一区|