javascript列表框操作函數(shù)集合匯總
更新時(shí)間:2013年11月28日 10:13:10 作者:
這篇文章主要是對(duì)javascript列表框操作函數(shù)進(jìn)行了詳細(xì)的匯總介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助
復(fù)制代碼 代碼如下:
<script language="javascript">
/* 列表框互相操作函數(shù)集 */
//描述: 添加不重復(fù)列表框元素
function selAdd( srcList, dstList )
{
var selectedIndex = new Array();
var count = 0;
for ( i=0; i<srcList.options.length; i++ ){
if ( srcList.options[i].selected ){
selectedIndex[count] = i;
count ++;
}
}
for ( j=0; j<selectedIndex.length; j++ ){
k = selectedIndex[j];
if ( chkDup( srcList.options[k].value, dstList )==false ){
&, nbsp; dstList.options.length++;
var len = dstList.options.length-1;
dstList.options[len].value = srcList.options[k].value;
dstList.options[len].text = srcList.options[k].text;
}
}
}
//描述: 刪除列表框元素
function selDel( list )
{
var len = list.options.length;
var idx = 0;
while ( idx< len ){
if ( list.options[idx].selected ){
list.options.remove(idx);
len = list.options.length;
}
else{
idx ++;
}
}
}
//描述: 檢測(cè)列表框元素重復(fù)
function chkDup( item, list )
{
for ( i=0; i<list.options.length; i++ ){
//alert( item + " - " + list.options[i].value );
if ( item == list.options[i].value ){
return true;
}
}
return false;
}
//描述: 選擇列表框的全部成員
function selSel( list, item )
{
item.value = " ";
for ( i=0; i<list.options.length; i++ ){
list.options[i].selected=true;
item.value += list.options[i].value + " ";
}
}
function selSelSingle( list, value )
{
for ( i=0; i<list.options.length; i++ ){
if ( list.options[i].value == value ){
list.options[i].selected=true;
break;
}
}
}
//描述: 根據(jù)數(shù)組初始化列表框
function selList( item, arr )
{
var curIndex, insIndex, val, text;
var arrItem = new Array();
if ( item ){
item.length = 0;
curIndex = 0;
for ( i=0; i<arr.length; i++ ){
item.length ++;
insIndex = item.length - 1;
if ( arr[i] ){
arrItem = arr[i].split( ", " );
text = arrItem[1];
val = arrItem[0];
item.options[ insIndex ].text = text;
item.options[ insIndex ].value= val;
}
}
}
}
</script>
您可能感興趣的文章:
- JavaScript控制兩個(gè)列表框listbox左右交換數(shù)據(jù)的方法
- 用JavaScript實(shí)現(xiàn)類似于ListBox功能示例代碼
- 使用javascript實(shí)現(xiàn)ListBox左右全選,單選,多選,全請(qǐng)
- JavaScript如何從listbox里同時(shí)刪除多個(gè)項(xiàng)目
- javascript實(shí)現(xiàn)listbox左右移動(dòng)實(shí)現(xiàn)代碼
- javaScript年份下拉列表框內(nèi)容為當(dāng)前年份及前后50年
- Javascript調(diào)用XML制作連動(dòng)下拉列表框
- JavaScript控制listbox列表框的項(xiàng)目上下移動(dòng)的方法
相關(guān)文章
javascript基礎(chǔ)語(yǔ)法——全面理解變量和標(biāo)識(shí)符
下面小編就為大家?guī)?lái)一篇javascript基礎(chǔ)語(yǔ)法——全面理解變量和標(biāo)識(shí)符。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考,一起跟隨小編過(guò)來(lái)看看吧2016-06-06總結(jié)js函數(shù)相關(guān)知識(shí)點(diǎn)
本篇文章給大家簡(jiǎn)要分析了JS中函數(shù)相關(guān)的重要知識(shí)點(diǎn),對(duì)此有興趣的朋友可以參考學(xué)習(xí)下。2018-02-02JS嚴(yán)格模式知識(shí)點(diǎn)總結(jié)
本篇文章給大家整理了JS嚴(yán)格模式下的相關(guān)知識(shí)點(diǎn)以及代碼實(shí)例分享,感興趣的跟著小編一起學(xué)習(xí)下吧。2018-02-02javascript Event對(duì)象詳解及使用示例
Event代表事件狀態(tài),如事件發(fā)生的元素,鍵盤狀態(tài),鼠標(biāo)位置和鼠標(biāo)按鈕狀態(tài),event對(duì)象只在事件發(fā)生的過(guò)程中才有效,本文整理了一些,喜歡的朋友可以學(xué)習(xí)下2013-11-11ASP.NET實(shí)現(xiàn)Repeater控件的數(shù)據(jù)綁定
這篇文章介紹了ASP.NET實(shí)現(xiàn)Repeater控件數(shù)據(jù)綁定的方法,文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-07-07js 延遲加載 改變JS的位置加快網(wǎng)頁(yè)加載速度
當(dāng)一個(gè)網(wǎng)站有很多js代碼要加載,js代碼放置的位置在一定程度上將會(huì)影像網(wǎng)頁(yè)的加載速度,為了提高加載速度,本文總結(jié)了一下幾個(gè)注意點(diǎn)2012-12-12