加入收藏 | 设为首页 | 会员中心 | 我要投稿 聊城站长网 (https://www.0635zz.com/)- 智能语音交互、行业智能、AI应用、云计算、5G!
当前位置: 首页 > 教程 > 正文

ListBox实现上移,下移,左移,右移的简单案例

发布时间:2023-10-12 15:03:00 所属栏目:教程 来源:
导读:代码如下:

<html>

<head>

<title>Javascript版选择下拉菜单互移且排序</title>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

</head>

<body>

<p
代码如下:
 
<html>
 
<head>
 
    <title>Javascript版选择下拉菜单互移且排序</title>
 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 
</head>
 
<body>
 
    <p>选定一项或多项然后点击添加或移除(按住shift或ctrl可以多选),或在选择项上双击进行添加和移除。</p>
 
    <form method="post" name="myform">
 
    <table border="0" width="300">
 
        <tr>
 
            <td width="40%">
 
                <select style="width:100px; height:200px" multiple name="list1" size="12" ondblclick="moveOption(document.myform.list1, document.myform.list2)">
 
                    <option value="北京">北京</option>
 
                    <option value="上海">上海</option>
 
                    <option value="山东">山东</option>
 
                    <option value="安徽">安徽</option>
 
                    <option value="重庆">重庆</option>
 
                    <option value="福建">福建</option>
 
                    <option value="甘肃">甘肃</option>
 
                    <option value="广东">广东</option>
 
                    <option value="广西">广西</option>
 
                    <option value="贵州">贵州</option>
 
                    <option value="海南">海南</option>
 
                    <option value="河北">河北</option>
 
                    <option value="黑龙江">黑龙江</option>
 
 

(编辑:聊城站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章