动态改变Select列序的次序

最新推荐文章于 2020-02-22 00:17:17 发布
最新推荐文章于 2020-02-22 00:17:17 发布
阅读量112 收藏
点赞数
分类专栏： Javascript部分 文章标签： JavaScript UP HTML ViewUI

今天要用，在网上找了一个，发现有错误，我已更正了。

<html>
<head>
<title>调整Select的位置</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<script language="JavaScript">
   function IsSelect(){
               if (document.formlist.IndexList.selectedIndex==-1){
                  alert("请选择一项!");
                  return false;
               }
         return true;
   }
   function UpList(i){
         var TempText;  //临时存放的名字
         var TempValue; //临时存放的值
         //alert(i)
         if (i==0){
            alert(document.formlist.IndexList.options[i].text + "已经到顶了!");
            return false;
         }
         TempText=document.formlist.IndexList.options[i].text;
         TempValue=document.formlist.IndexList.options[i].value;
         document.formlist.IndexList.options[i].text=document.formlist.IndexList.options[i-1].text;
         document.formlist.IndexList.options[i].value=document.formlist.IndexList.options[i-1].value;
         document.formlist.IndexList.options[i-1].text=TempText;
         document.formlist.IndexList.options[i-1].value=TempValue;
         document.formlist.IndexList.options[i-1].selected=true;
         document.formlist.IndexList.options[i].selected=false;
         TempText="";
         Tempvalue="";
         return true;
       }
       function DownList(i){
         var   TempText   //临时存放的名字
         var   TempValue //临时存放的值
         //alert(i)
         if (i==document.formlist.IndexList.length-1){
            alert(document.formlist.IndexList.options[i].text + "已到底了!");
            return false;
         }
         TempText=document.formlist.IndexList.options[i].text;
         TempValue=document.formlist.IndexList.options[i].value;
         document.formlist.IndexList.options[i].text=document.formlist.IndexList.options[i+1].text;
         document.formlist.IndexList.options[i].value=document.formlist.IndexList.options[i+1].value;
         document.formlist.IndexList.options[i+1].text=TempText;
         document.formlist.IndexList.options[i+1].value=TempValue;
         document.formlist.IndexList.options[i+1].selected=true;
         document.formlist.IndexList.options[i].selected=false;
         TempText="";
         Tempvalue="";
         return true;
       }
     
       function MoveList(ActionType)
       {
         var i=0;
         //判断是否有选中项
         if (!IsSelect()){ 
            return false;
         }
         //判断操作类型
         if (ActionType=="up"){
            for (i=0;i<document.formlist.IndexList.length;i++){
                  if (document.formlist.IndexList.options[i].selected){
                     if (!UpList(i))
                      return;                     
                  }
            }
         }
         //判断操作类型
         if (ActionType=="down") {
                for (i=document.formlist.IndexList.length-1;i>=0;i--){
                   if (document.formlist.IndexList.options[i].selected){
                     if (!DownList(i))
                            return;
                  }            
                }
         }
   if(ActionType == 'toTop'){
    for (i=document.formlist.IndexList.length-1;i>=0;i--){
                   if (document.formlist.IndexList.options[i].selected){
                     if (!toTop(i))
                            return;
                  }            
                }
   }
   if(ActionType == 'toDown'){
    for (i=document.formlist.IndexList.length-1;i>=0;i--){
                   if (document.formlist.IndexList.options[i].selected){
                     if (!toDown(i))
                            return;
                  }            
                }
   }
       }
   
       function dbClick(ActionType){
         MoveList(ActionType);
       }
   
    function toTop(i){
      if(!IsSelect()){ 
    return false;
   }
   var TempText;   //临时存放的名字
          var TempValue; //临时存放的值
   TempText=document.formlist.IndexList.options[0].text;
          TempValue=document.formlist.IndexList.options[0].value;
   document.formlist.IndexList.options[0].text=document.formlist.IndexList.options[i].text;
            document.formlist.IndexList.options[0].value=document.formlist.IndexList.options[i].value;
            document.formlist.IndexList.options[i].text=TempText;
            document.formlist.IndexList.options[i].value=TempValue;
            document.formlist.IndexList.options[0].selected=true;
            document.formlist.IndexList.options[i].selected=false;
    }
   
    function toDown(i){
      if(!IsSelect()){ 
    return false;
   }
   var TempText;   //临时存放的名字
          var TempValue; //临时存放的值
   var length = document.formlist.IndexList.length;
   TempText=document.formlist.IndexList.options[length-1].text;
          TempValue=document.formlist.IndexList.options[length-1].value;
   document.formlist.IndexList.options[length-1].text=document.formlist.IndexList.options[i].text;
            document.formlist.IndexList.options[length-1].value=document.formlist.IndexList.options[i].value;
            document.formlist.IndexList.options[i].text=TempText;
            document.formlist.IndexList.options[i].value=TempValue;
            document.formlist.IndexList.options[length-1].selected=true;
            document.formlist.IndexList.options[i].selected=false;
    }
   
</script>
<body leftmargin="0" topmargin="0">

<br>
<table width="23%" border="0" align="center">
   <form name="formlist" method="post" action=""><tr>
   <td width="12%" valign="top" >
       <select name="IndexList" size="16" multiple id="IndexList">
    <option value="1">第1列</option>
    <option value="2">第2列</option>
    <option value="3">第3列</option>
    <option value="4">第4列</option>
    <option value="5">第5列</option>
    <option value="6">第6列</option>
       </select>
   </td>
   <td width="88%" valign="top">
       <input type="button" name="Button" value="置顶" onClick="MoveList('toTop')" >
       <br>
       <input name="UPButton" type="button" id="UPButton" value="▲ 上移" onClick="MoveList('up')" >
       <br>
       <input name="DownButton" type="button" id="DownButton" value="▼ 下移" onClick="MoveList('down')" >
       <br>
       <input type="button" name="Submit2" value="置底" onClick="MoveList('toDown')" >
       <br>
   </td>
   </tr>
   <tr>
     <td colspan="2"></td>
   </tr>
   </form>
</table>
</body>
</html>

fsgsdfghdfh
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Select 下拉框js动态修改
davidjsx的博客
05-07 2497
一款工单报修系统，需要页面js根据文本的内容动态修改select选择框，然后提交，jsp代码： <select id='ispeed' style='width:100% height:45px' name='ispeed' value="${ispeed}" class="font-center cs-select cs-skin-border" > <option value='1' <c:if test="${'1' eq ispeed}" ></c:i
MySQL中文参考手册
06-09
* 0 译者序 * 1 MySQL的一般的信息 o 1.1 什么是MySQL？ o 1.2 关于本手册 + 1.2.1 本手册中使用的约定 o 1.3 MySQL的历史 o 1.4 MySQL的主要特征 o 1.5 MySQL稳定性？ o 1.6 顺应2000年 o 1.7 SQL一般信息...
Python中的文件基础
FZB1992的博客
02-22 249
1、打开文件：建立程序与文件的联系 file_obj=open(filename,mode) Filename: 原字符串 r’c:\temp\text.t’ 转义字串 ‘c:\temp\text.t’ Mode R 读取 W 写入 2、读写文件 Var=file_obj.read() 全部读回来 read string 返回所有string（一次性读完） 读一行 r...
如何更改表中的列顺序
二货
11-12 5575
首先，请考虑是否的确需要更改表中的列顺序。SQL的核心要点是从数据存储格式获取应用。总应指定检索数据的顺序。 在下面的第1条语句中，以col_name1、col_name2、col_name3顺序返回列； 在第2条语句中， 以col_name1、col_name3、col_name2顺序返回列：mysql> SELECT col_name1, col_name2, col_name3 FRO
动态改变select中option的次序
yongyonglsy的专栏
06-12 343
&lt;script&gt; &lt;!-- functionaddOption() { for(var i=0;i&lt;10;i++) { var sName = "Name" + i; var sValue = "value" + i; var oOption =document.createElement('OPTION'); oOption.text = sN...
MySQL中文参考手册.chm
06-11
MySQL中文参考手册.chm 449kb <br/>0 译者序 1 MySQL的一般的信息 1.1 什么是MySQL？ 1.2 关于本手册 1.2.1 本手册中使用的约定 1.3 MySQL的历史 1.4 MySQL的主要特征 1.5...
Access 2000数据库系统设计(PDF)---001
02-23
目 录译者序前言第一部分 Access基础第1章 Access 2000的新增功能 11.1 Access 2000透视 11.2 用Office Web组件部署数据访问页 21.2.1 Office Web 组件 21.2.2 DAP演示测试. 31.2.3 DAP设计模式 51.3 为Microsoft...
Access 2000数据库系统设计(PDF)---002
02-23
Access 2000数据库系统设计(PDF)---002目 录译者序前言第一部分 Access基础第1章 Access 2000的新增功能 11.1 Access 2000透视 11.2 用Office Web组件部署数据访问页 21.2.1 Office Web 组件 21.2.2 DAP演示测试....
Access 2000数据库系统设计(PDF)---018
02-23
Access 2000数据库系统设计(PDF)---018目 录译者序前言第一部分 Access基础第1章 Access 2000的新增功能 11.1 Access 2000透视 11.2 用Office Web组件部署数据访问页 21.2.1 Office Web 组件 21.2.2 DAP演示测试....
如何对html:select下拉列表里的数据进行排序
weixin_34273481的博客
06-15 1949
问题：在JSP网站里，我有个下拉菜单用的html:select，需要对其中的动态数据进行排序，数据源为database。 解决方法：搜了半天有用javascript的，也有Collections.sort的。。。都需要自己重新加代码，很奇怪居然没有找到对下拉菜单进行排序的选项。最后解决方法是对数据源的SQL语句加上ORDER BY对数据按字典序排序。。。 http://www.coderanc...
dplyr 数据操作 列操作（select / mutate）
weixin_33769125的博客
08-05 862
在R中，我们通常需要对数据列进行各种各样的操作，比如选取某一列、重命名某一列等。 dplyr中的select函数子在数据列的操作上也同样表现了它的简洁性，而且各种操作眼花缭乱。 select(.data, ...) 参数主要在于如何添加条件。配合select()进行使用的函数有： starts_with()ends_with()contains()matches()num_range()o...
SELECT 语法和逻辑处理顺序 (含示例)
qq_35144470的博客
12-01 249
点击打开链接
HTML option排序功能
xtwxfvsi的专栏
07-03 1229
function sortRule(a,b) { var x = a._text; var y = b._text; return x.localeCompare(y); } function op(){ var _value; var _text; var _selected; } function sortOption(selectObj){
MySQL在有索引列情况下select *的输出结果顺序
余璜的技术博客
01-07 3918
创建一个表格，一个是主键列，一个是索引列。然后插入一批数据，调用select * from test_b，可以发现输出结果并没有按照Id有序，而是按照Type有序。 如果希望按照Id有序，可以使用force index (primary)这一hint语句。 mysql> CREATE TABLE `test_b` ( -> `Id` int(11) NOT NULL,
select语句列数超长
最新发布
04-30
当选取的列数超过了数据库允许的列数限制，就会出现“select语句列数超长”的问题。在大多数数据库中，对于每个SELECT语句的列数都有限制，一般为1000列左右，并且这个限制是由数据库的硬件和软件资源来决定的。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值