两个下拉框左框添加值右框删除值

Angelialily

浏览: 241648 次
性别:
来自: 北京

最近访客更多访客>>

dx2012

Cwind

xxyupup

deng1001

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

java学习

J#XHTML HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>
<script language="javascript" type="text/javascript">
// <!CDATA[

function ctl00_content_UserRolesPopup1_Button1_onclick() {
    var listAllRoles = document.getElementById("ctl00_content_UserRolesPopup1_ListAllRoles");
    var listSelectedRoles = document.getElementById("ctl00_content_UserRolesPopup1_ListSelectedRoles");
    for (var i = 0; i < listAllRoles.length; i ++) {
        if (listAllRoles.options[i].selected) {
            var ignore = false;
            for (var j = 0; j < listSelectedRoles.options.length; j ++) {
                if (listSelectedRoles.options[j].text == listAllRoles.options[i].text) {
                    ignore = true;
                    break;
                }
            }
            if (!ignore) {
                var newOption = new Option(listAllRoles.options[i].text, listAllRoles.options[i].value);
                listSelectedRoles.options.add(newOption);
            }
        }
    }
}

function ctl00_content_UserRolesPopup1_Button2_onclick() {
    var listSelectedRoles = document.getElementById("ctl00_content_UserRolesPopup1_ListSelectedRoles");
    var array1 = new Array();
    for (var i = listSelectedRoles.options.length - 1; i >= 0; i --) {
        if (listSelectedRoles.options[i].selected)
            listSelectedRoles.options.remove(i);
    }
}

// ]]>
</script>
</head>
<body>
    <table width="500" border="0" cellpadding="0" cellspacing="1">
        <tr>
            <td>
                <select size="4" name="ctl00$content$UserRolesPopup1$ListSelectedRoles" multiple="multiple"
                    id="ctl00_content_UserRolesPopup1_ListSelectedRoles" style="height: 150px; width: 210px;">
                </select>
            </td>
            <td align="center" style="width: 50px;">
                <input type="submit" name="ctl00$content$UserRolesPopup1$Button1" value="<<"
                    id="ctl00_content_UserRolesPopup1_Button1" style="font-family: SimSun;" onclick="return ctl00_content_UserRolesPopup1_Button1_onclick()" />
                <br />
                <input type="submit" name="ctl00$content$UserRolesPopup1$Button2" value=">>" id="ctl00_content_UserRolesPopup1_Button2"
                    style="font-family: SimSun;" onclick="return ctl00_content_UserRolesPopup1_Button2_onclick()" />
            </td>
            <td align="right">
                <select size="4" name="ctl00$content$UserRolesPopup1$ListAllRoles" multiple="multiple"
                    id="ctl00_content_UserRolesPopup1_ListAllRoles" style="height: 150px; width: 210px;">
                    <option value="0f3e50fb-43e8-42ae-ac58-4f973de15091">Administrators</option>
                    <option value="d259f6d2-84fd-4ed2-bebc-bdbd687da615">Guests</option>
                    <option value="35f4bc1e-4e11-4bc5-ab3a-b53bf471197c">Power Users</option>
                    <option value="e07e0a7f-ea0d-4e1c-86ba-42905ff72a5f">Users</option>
                </select>
            </td>
        </tr>
    </table>
</body>
</html>
以上代码可直接编辑使用！

查看图片附件

4
顶

0
踩

分享到：

js 数字验证 | 存储过程用SELECT 判断提高检索速度

2008-11-07 17:24
浏览 1472
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论