0顶

左右内容的选择

稿源：互联网 2022-06-04 09:32:42 点击： 893 撤稿纠错

左右内容来回转换，平时用得少点，需要的时候上来找找，我们为您准备着……

以下讨论的是和js 转换相关的左右内容的选择教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

脚本说明:
把如下代码加入<body>区域中
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin

// Compare two options within a list by VALUES

function compareOptionValues(a, b)

{

// Radix 10: for numeric values

// Radix 36: for alphanumeric values

var sA = parseInt( a.value, 36 );

var sB = parseInt( b.value, 36 );

return sA - sB;

}

// Compare two options within a list by TEXT

function compareOptionText(a, b)

{

// Radix 10: for numeric values

// Radix 36: for alphanumeric values

var sA = parseInt( a.text, 36 );

var sB = parseInt( b.text, 36 );

return sA - sB;

}

// Dual list move function

function moveDualList( srcList, destList, moveAll )

{

// Do nothing if nothing is selected

if (  ( srcList.selectedIndex == -1 ) && ( moveAll == false )   )

{

return;

}

newDestList = new Array( destList.options.length );

var len = 0;

for( len = 0; len < destList.options.length; len++ )

{

if ( destList.options[ len ] != null )

{

newDestList[ len ] = new Option( destList.options[ len ].text, destList.options[ len ].value, destList.options[ len ].defaultSelected, destList.options[ len ].selected );

}

for( var i = 0; i < srcList.options.length; i++ )

{

if ( srcList.options[i] != null && ( srcList.options[i].selected == true || moveAll ) )

{

// Statements to perform if option is selected

// Incorporate into new list

newDestList[ len ] = new Option( srcList.options[i].text, srcList.options[i].value, srcList.options[i].defaultSelected, srcList.options[i].selected );

len++;

}

// Sort out the new destination list

newDestList.sort( compareOptionValues );   // BY VALUES

//newDestList.sort( compareOptionText );   // BY TEXT

// Populate the destination with the items from the new array

for ( var j = 0; j < newDestList.length; j++ )

{

if ( newDestList[ j ] != null )

{

destList.options[ j ] = newDestList[ j ];

}

// Erase source list selected elements

for( var i = srcList.options.length - 1; i >= 0; i-- )

{

if ( srcList.options[i] != null && ( srcList.options[i].selected == true || moveAll ) )

{

// Erase Source

//srcList.options[i].value = "";

//srcList.options[i].text  = "";

srcList.options[i]       = null;

}

} // End of moveDualList()

//  End -->

</script>
<form ACTION="" METHOD="POST" name="myForm">

<tr>

<td>

</select>

</td>

<input type="button" style="width:90" onclick="moveDualList( this.form.listLeft,  this.form.listRight, false )"

name="Add     >>"  value="Add       >>">     <BR>

<NOBR>

<input type="button" style="width:90" onclick="moveDualList( this.form.listRight, this.form.listLeft,  false )"

name="Add     <<"  value="Add       <<">     <BR>

<NOBR>

<input type="button" style="width:90" onclick="moveDualList( this.form.listLeft,  this.form.listRight, true  )"

name="Add All >>"  value="Add All >>">     <BR>

<NOBR>

<input type="button" style="width:90" onclick="moveDualList( this.form.listRight, this.form.listLeft,  true  )"

name="Add All <<"  value="Add All <<">     <BR>

</NOBR>

</td>

<td>

</select>

</td>

</tr>

</table>

</form>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于左右内容的选择的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200807193485.shtml方便下次再访问哦。

·上一篇： 输入字数的限定
·下一篇： 确认后提交

左右内容的选择

文章分类LIST >>返回首页

最新游戏

最新新闻