麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

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

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

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

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

<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");
//也可以直接設置該項的 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ù)查找相應的項是否存在
//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.companysz.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ā)表
主站蜘蛛池模板: 鸳鸯谱在线观看高清 | 久久艹精品 | 日韩精品一二三区 | 一级空姐毛片 | 法国极品成人h版 | 免费人成在线播放 | 97超碰资源站| 99精品视频免费看 | 久久久久国产成人精品亚洲午夜 | 7777奇米成人四色影视 | 91短视频版高清在线观看免费 | 羞羞答答tv | 免费观看国产视频 | 最新中文字幕第一页视频 | 国产成年人网站 | 日韩av电影在线免费观看 | 成人视屏网站 | 国产乱free国语对白 | 中文字幕涩涩久久乱小说 | 国产精品久久久久久久久久10秀 | 国产老师做www爽爽爽视频 | 特级毛片a级毛片100免费 | a网在线 | 高清做爰免费无遮网站挡 | 久久久久久久一区二区 | 色七七网站 | 日日狠狠久久 | 欧美视频一区二区三区 | 日本人乱人乱亲乱色视频观看 | 一级性色| 亚洲午夜免费电影 | 国产一国产一级毛片视频在线 | 欧美黄色片一级 | h视频在线免费观看 | 69性欧美高清影院 | 久久久久国产精品久久久久 | 国产在线观看91精品 | 亚洲国产精品久久久久久久 | 羞羞答答视频 | www国产成人免费观看视频,深夜成人网 | 国产 一区 精品 |