| 编程中国 | 业界新闻 | 技术文章 | 视频教程 | 下载频道 | 程序源码 | 个人空间 | 编程论坛
全能ASP/PHP/ASP.NET主机,支持月付专业 MSSQL 数据库空间,支持月付专业 MySQL 数据库空间,支持月付买域名,送MP3、MP4
高端软件开发 = 年薪十万不是梦赛孚耐:软件保护加密专家身份认证令牌USB KEY买空间,免费送域名(厦门中资源)
共有 282 人关注过本帖
标题:列表多项选择问题,急
收藏  订阅  推荐  打印 
netpass
Rank: 1
等级:新手上路
帖子:24
积分:368
注册:2008-4-5
列表多项选择问题,急

我想建立一个可以多选的列表项。
左右各一个,在一个页面里面,左边的列表项一次列出所有我需要的内容,然后按住CTRL键可以选择多项,点一下确定就可以在当前页面提交到右边的列表项,这样的功能怎么实现。我看动易的网站,就有这样的功能,但是不知道代码咋地写。大家帮忙,有点急。或是其他的多选菜单也许,最想知道的是,多选实现后,写入数据库的时候,怎么来接受这个多选,怎么写入数据库,而且读出来的时候怎么一个个读出来啊?

[ 本帖最后由 netpass 于 2008-4-8 09:50 编辑 ]
搜索更多相关主题的帖子: 选择问题  列表  
2008-4-8 09:44
zfjyyzycl
Rank: 3Rank: 3
等级:中级会员
帖子:216
积分:2360
注册:2006-4-15

<script language=javascript>
// 加入已选
function Add() {
    var sel1=document.myform.d_b1;
    var sel2=document.myform.d_b2;
    if (sel1.selectedIndex<0) {
        alert("请选择一个待选按钮!");
        return;
    }
    sel2.options[sel2.length]=new Option(sel1.options[sel1.selectedIndex].innerHTML,sel1.options[sel1.selectedIndex].value);
}

// 从已选中删除
function Del() {
    var sel=document.myform.d_b2;
    var nIndex = sel.selectedIndex;
    var nLen = sel.length;
    if (nLen<1) return;
    if (nIndex<0) {
        alert("请选择一个已选按钮!");
        return;
    }
    for (var i=nIndex;i<nLen-1;i++) {
        sel.options[i].value=sel.options[i+1].value;
        sel.options[i].innerHTML=sel.options[i+1].innerHTML;
    }
    sel.length=nLen-1;
}

// 排序:向上移动
function Up() {
    var sel=document.myform.d_b2;
    var nIndex = sel.selectedIndex;
    var nLen = sel.length;
    if ((nLen<1)||(nIndex==0)) return;
    if (nIndex<0) {
        alert("请选择一个要移动的已选按钮!");
        return;
    }
    var sValue=sel.options[nIndex].value;
    var sHTML=sel.options[nIndex].innerHTML;
    sel.options[nIndex].value=sel.options[nIndex-1].value;
    sel.options[nIndex].innerHTML=sel.options[nIndex-1].innerHTML;
    sel.options[nIndex-1].value=sValue;
    sel.options[nIndex-1].innerHTML=sHTML;
    sel.selectedIndex=nIndex-1;
}

// 排序:向下移动
function Down() {
    var sel=document.myform.d_b2;
    var nIndex = sel.selectedIndex;
    var nLen = sel.length;
    if ((nLen<1)||(nIndex==nLen-1)) return;
    if (nIndex<0) {
        alert("请选择一个要移动的已选按钮!");
        return;
    }
    var sValue=sel.options[nIndex].value;
    var sHTML=sel.options[nIndex].innerHTML;
    sel.options[nIndex].value=sel.options[nIndex+1].value;
    sel.options[nIndex].innerHTML=sel.options[nIndex+1].innerHTML;
    sel.options[nIndex+1].value=sValue;
    sel.options[nIndex+1].innerHTML=sHTML;
    sel.selectedIndex=nIndex+1;
}

// 提交处理
function checkform() {
    var sel=document.myform.d_b2;
    var nLen = sel.length;
    var str="";
    for (var i=0;i<nLen;i++) {
        if (i>0) str+="|";
        str+=sel.options[i].value;
    }
    document.myform.d_button.value=str;
    return true;
}

</script>

<table border=0 cellpadding=5 cellspacing=0 align=center>
    <form action='*****' method=post name=myform onsubmit='return checkform()'>
    <tr align=center>
        <td>
            <select name='d_b1' size=20 style='width:200px' ondblclick='Add()'>
                <option value='选项'>选项</option>
                ......
            </select>
        </td>
        <td>
            <input type=button name=b1 value=' → ' onclick='Add()'>
            <br>
            <br>
            <input type=button name=b1 value=' ← ' onclick='Del()'>
        </td>
        <td>
            <select name='d_b2' size=20 style='width:200px' ondblclick='Del()'>
            </select>
        </td>
        <td>
            <input type=button name=b3 value='↑' onclick='Up()'>
            <br>
            <br>
            <br>
            <input type=button name=b4 value='↓' onclick='Down()'>
        </td>
    </tr>
        <input type=hidden name='d_button' value=''>
        <tr>
            <td colspan=4 align=right><input type=submit name=b value=' 保存设置 '></td></tr>
        </td>
    </tr>
    </form>
</table>
2008-4-8 10:15
netpass
Rank: 1
等级:新手上路
帖子:24
积分:368
注册:2008-4-5

可以用CTRL键多选吗?这样提交后,怎么写入数据库,读出来是用数组读出来吗?不好意思ASP新手大家帮帮忙!
2008-4-8 14:31
关于我们 | 广告合作 | 编程中国 | 清除Cookies | Archiver | WAP | TOP

编程中国 版权所有,并保留所有权利。鲁ICP备08000592号
Powered by Discuz, Processed in 0.063449 second(s), 9 queries.
Copyright©2004-2008, BCCN.NET, All Rights Reserved