国产高清在线免费观看-国产高清在线免费无码-国产高清在线男人的天堂-国产高清在线视频-国产高清在线视频精品视频-国产高清在线视频伊甸园

LOGO OA教程 ERP教程 模切知識(shí)交流 PMS教程 CRM教程 開(kāi)發(fā)文檔 其他文檔  
 
網(wǎng)站管理員

javascript對(duì)下拉列表框select的操作

admin
2010年8月18日 12:20 本文熱度 3978

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


下面是我們例子的基礎(chǔ);這不是一個(gè)標(biāo)準(zhǔn)的表單。


<form id="f">
<select size="1" name="s">
<option value="www.dwww.cn">設(shè)計(jì)家園</option>
<option value="baidu.com">百度</option>
</select>
</form>


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


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


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


//當(dāng)前選中項(xiàng)的下標(biāo)(從0 開(kāi)始)(有兩種方法)
//如果選擇了多項(xiàng),則返回第一個(gè)選中項(xiàng)的下標(biāo)
document.write(f.s.options.selectedIndex);
document.write(f.s.selectedIndex);


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


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


//刪除某一項(xiàng)
f.s.options[1] = null;


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


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



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



//反選列表中的項(xiàng)
function DeSelectOptions(list)
{
for (var i=0; i<list.options.length; i++)
{
list.options[i].selected = !list.options[i].selected;
}
}



//返回列表中選擇項(xiàng)數(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;
}
}



//刪除列表選中項(xiàng)
//返回刪除項(xiàng)的數(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)的項(xiàng)是否存在
//repeatCheck是否進(jìn)行重復(fù)性檢查
//若為"v",按值進(jìn)行重復(fù)值檢查
//若為"t",按文字進(jìn)行重復(fù)值檢查
//若為"vt",按值和文字進(jìn)行重復(fù)值檢查
//其它值,不進(jìn)行重復(fù)性檢查,返回false
function OptionExists(list, optText, optValue, repeatCheck)
{
var i = 0;
var find = false;


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


return find;
}



//向列表中追加一個(gè)項(xiàng)
//list 是要追加的列表
//optText 和 optValue 分別表示項(xiàng)的文字和值
//repeatCheck 是否進(jìn)行重復(fù)性檢查,參見(jiàn) 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;
}
}



//插入項(xiàng)
//index 插入位置,當(dāng)插入位置 >= 列表現(xiàn)有項(xiàng)數(shù)量時(shí),其作用相當(dāng)于不進(jìn)行重復(fù)檢查的追加項(xiàng)
//optText 和 optValue 分別表示項(xiàng)的文字和值
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);
}
//將一個(gè)列表中的項(xiàng)導(dǎo)到另一個(gè)列表中
//repeatCheck是否進(jìn)行重復(fù)性檢查,參見(jiàn)OptionExists
//deleteSource項(xiàng)導(dǎo)到目標(biāo)后,是否刪除源列表中的項(xiàng)
//返回影響的項(xiàng)數(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)
{
//刪除源列表中的項(xiàng)
sList.options[i] = null;
}
else
{
i++;
}
}
else
{
i++;
}
}


return lines;
}



//列表中選中項(xiàng)上移
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);
}
}
}



//列表中選中項(xiàng)下移
function MoveSelectedOptionsDown(list)
{
var i = 0;
var value = "";
var text = "";
for (i=list.options.length-1; i>0; 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);
}
}
}


該文章在 2010/8/18 12:20:31 編輯過(guò)
關(guān)鍵字查詢(xún)
相關(guān)文章
正在查詢(xún)...
點(diǎn)晴ERP是一款針對(duì)中小制造業(yè)的專(zhuān)業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國(guó)內(nèi)大量中小企業(yè)的青睞。
點(diǎn)晴PMS碼頭管理系統(tǒng)主要針對(duì)港口碼頭集裝箱與散貨日常運(yùn)作、調(diào)度、堆場(chǎng)、車(chē)隊(duì)、財(cái)務(wù)費(fèi)用、相關(guān)報(bào)表等業(yè)務(wù)管理,結(jié)合碼頭的業(yè)務(wù)特點(diǎn),圍繞調(diào)度、堆場(chǎng)作業(yè)而開(kāi)發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體,是物流碼頭及其他港口類(lèi)企業(yè)的高效ERP管理信息系統(tǒng)。
點(diǎn)晴WMS倉(cāng)儲(chǔ)管理系統(tǒng)提供了貨物產(chǎn)品管理,銷(xiāo)售管理,采購(gòu)管理,倉(cāng)儲(chǔ)管理,倉(cāng)庫(kù)管理,保質(zhì)期管理,貨位管理,庫(kù)位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號(hào)管理軟件。
點(diǎn)晴免費(fèi)OA是一款軟件和通用服務(wù)都免費(fèi),不限功能、不限時(shí)間、不限用戶(hù)的免費(fèi)OA協(xié)同辦公管理系統(tǒng)。
Copyright 2010-2025 ClickSun All Rights Reserved

主站蜘蛛池模板: 久久无码人妻99 | 国产精品丝袜一区二区三区 | 麻豆福利视频导航 | 久久无码专区国产精品 | 日韩精品一区二区三区高清 | 69久久夜色精品国产69 | 久久棈精品久久久久久噜噜 | 欧美成人精品三级在线观看 | 国产女人乱子对白av片男人日本xxxx麻豆天天 | 日韩欧国产精品一区综合无码 | 久久99国内精品自在现线 | 少妇无码av无码专线区大牛影院 | 另类在线播放久久中文字幕 | 亚洲一区二区偷拍精品 | 色欲播放器在线观看 | 精品人妻伦一二三区久久AAA片 | 国产超碰人人爽人人做人人添 | 日韩精品免费视频 | 人妻丰满精品一区二区a片 人妻丰满av无码中文字幕 | 最新亚洲春色av无码专区 | 麻豆嫩草影视懂你的影视 | 久久久亚洲精华液精华液精华液 | 亚洲高清中文字幕小说 | 国产手机精品一区二区 | 7799精品视频全部免费看 | 欧美老妇牲xxxxⅹ | 99精品国产一区二区三区在线观看 | 无码不卡中文字 | 激情A片久久久久久播放 | 国产肥熟女视频一区二区 | 亚洲高清成人 | 99久久精品免费看国产 | 欧美日韩在线视频一区 | 精品九九人人做人人爱 | 国产国拍亚洲精品永久不卡 | 四虎影视免费在线 | 国产六月婷婷爱在线观看 | 熟女熟妇伦av网站 | 色情欧美片午夜国产特黄 | 韩国三级日本三级香港三级黄 | 中文字幕爆乳julia女教师全集手机在线播放 |