两个select multiple 多选全选取值增加删除问题

最新推荐文章于 2024-01-21 00:06:29 发布

原创最新推荐文章于 2024-01-21 00:06:29 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#button #input #function #javascript #html #border

javascript 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一个使用HTML和JavaScript实现的排序方式选择器。该选择器允许用户从多个排序选项中选择并应用到数据上，支持双栏选择、优先级调整等功能。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>选择下拉菜单--http://www.yongfa365.com/item/686ba37800f67121.html</TITLE> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <META NAME="Description" CONTENT="Power by 51windows.Net"> </HEAD> <BODY> <form method="post" name="myform"> <table border="1" width="400"> <tr> <td><CENTER> 可选择排序方式 </CENTER></td> <td></td> <td><CENTER> 已选择排序方式 </CENTER></td> </tr> <tr> <td width="40%"><select style="width:100%;" multiple name="left" size="8" ondblclick="moveOption(document.getElementById('left'), document.getElementById('right'))"> <option value="20">按编入时间(晚到早)</option> <option value="30">按编入时间(早到晚)</option> <option value="40">按点击率(升序)</option> <option value="50">按点击率(降序)</option> <option value="60">按资产名称(升序)</option> <option value="70">按资产名称(升序)</option> </select> </td> <td width="20%" align="center"><input type="button" value=" >>>> " onClick="moveOption(document.getElementById('left'), document.getElementById('right'))"> <br> <br> <input type="button" value=" <<<< " onClick="moveOption(document.getElementById('right'), document.getElementById('left'))"> </td> <td width="40%"><select style="width:100%;" multiple name="right" size="8" ondblclick="moveOption(document.getElementById('right'), document.getElementById('left'))"> </select> </td> </tr> <tr> <td colspan="3"><CENTER> <INPUT TYPE="button" value="优先级上升" onClick="changepos(right,-1)"> <INPUT TYPE="button" value="优先级下降" onClick="changepos(right,1)"> <INPUT TYPE="button" value="优先级置顶" onClick="gototop(right)"> </CENTER></td> </tr> </table> 值： <input type="text" name="result" id="result" size="40" value="" /> </form> <mce:script language="JavaScript"></mce:script> </BODY> </HTML>