快精灵印艺坊 您身边的文印专家 广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

列表项可上下移动的MULTIPLE列表

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<STYLE>
BODY, SELECT
{
FONT-FAMILY: TIMES NEW ROMAN;
FONT-SIZE: 10PT;
}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
window.onload = initPage;
function initPage()
{
btnPutUp.onclick = putUp;
btnPutDown.onclick = putDown;

btnGoUp.onclick = goUp;
btnGoDown.onclick = goDown;
}

function putUp()
{
var strTempValue;
var strTempText;
var intCurIndex;

intCurIndex = sltFruit.selectedIndex;
//alert("intCurIndex: " + intCurIndex);

if (intCurIndex > 0)
{
strTempValue= sltFruit.options.item(intCurIndex).value;
strTempText = sltFruit.options.item(intCurIndex).text;
//alert(strTempText + " - " + strTempValue);

sltFruit.options.item(intCurIndex).value = sltFruit.options.item(intCurIndex - 1).value;
sltFruit.options.item(intCurIndex).text = sltFruit.options.item(intCurIndex - 1).text;
sltFruit.options.item(intCurIndex - 1).value= strTempValue;
sltFruit.options.item(intCurIndex - 1).text = strTempText;
sltFruit.selectedIndex = intCurIndex - 1;
}
}

function putDown()
{
var strTempValue;
var strTempText;
var intCurIndex;
var intIndexCount;

intCurIndex = sltFruit.selectedIndex;
intIndexCount = sltFruit.length;
//alert("intCurIndex: " + intCurIndex);
//alert("intIndexCount: " + intIndexCount);

if (intCurIndex < intIndexCount - 1)
{
strTempValue= sltFruit.options.item(intCurIndex).value;
strTempText = sltFruit.options.item(intCurIndex).text;
//alert(strTempText + " - " + strTempValue);

sltFruit.options.item(intCurIndex).value = sltFruit.options.item(intCurIndex + 1).value;
sltFruit.options.item(intCurIndex).text = sltFruit.options.item(intCurIndex + 1).text;
sltFruit.options.item(intCurIndex + 1).value= strTempValue;
sltFruit.options.item(intCurIndex + 1).text = strTempText;
sltFruit.selectedIndex = intCurIndex + 1;
}
}

function goUp()
{
var intCurIndex;
intCurIndex = sltCountry.selectedIndex;

if (intCurIndex > 0)
sltCountry.selectedIndex = intCurIndex - 1;
}

function goDown()
{
var intCurIndex;
var intIndexCount;

intCurIndex = sltCountry.selectedIndex;
intIndexCount = sltCountry.length;

if (intCurIndex < intIndexCount - 1)
sltCountry.selectedIndex = intCurIndex + 1;
}
//-->
</SCRIPT>
</HEAD>

<BODY>

</BODY>
水果列表<BR>
1 - 香蕉<BR>
2 - 苹果<BR>
3 - 葡萄<BR>
4 - 桔子<BR>
5 - 西瓜<BR>
<SELECT NAME="sltFruit" SIZE="5">
<OPTION VALUE="1">香蕉</OPTION>
<OPTION VALUE="2">苹果</OPTION>
<OPTION VALUE="3">葡萄</OPTION>
<OPTION VALUE="4">桔子</OPTION>
<OPTION VALUE="5">西瓜</OPTION>
</SELECT>

<INPUT TYPE="BUTTON" ID="btnPutUp" VALUE="上移">
<INPUT TYPE="BUTTON" ID="btnPutDown" VALUE="下移">
<HR>

国家列表<BR>
1 - China<BR>
2 - USA<BR>
3 - USSR<BR>
4 - England<BR>
5 - France<BR>
<SELECT NAME="sltCountry">
<OPTION VALUE="1">China</OPTION>
<OPTION VALUE="2">USA</OPTION>
<OPTION VALUE="3">USSR</OPTION>
<OPTION VALUE="4">England</OPTION>
<OPTION VALUE="5">France</OPTION>
</SELECT>

<INPUT TYPE="BUTTON" ID="btnGoUp" VALUE="上移">
<INPUT TYPE="BUTTON" ID="btnGoDown" VALUE="下移">
</HTML>
返回类别: 教程
上一教程: 用ASP做个简朴聊天室
下一教程: ACCESS数据库在ASP中的应用

您可以阅读与"列表项可上下移动的MULTIPLE列表"相关的教程:
· 排序方法解决“上下主题”问题(一)
· 下拉列表中传递多个值
· 利用HELIX SERVER的SMIL支持在ASP中生成媒体流的播放列表
· 将HTML表格转变为ASP+数据列表（DataList）
· 真正实现两个列表框动态关联
    微笑服务 优质保证 索取样品  
  快精灵印艺坊 版权所有 首页会员中心在线印刷在线编辑付款方式索取样品设计指南连锁门店
网站地图关于我们友情链接