动态改变Select列序的次序

最新推荐文章于 2022-05-07 15:53:01 发布
最新推荐文章于 2022-05-07 15:53:01 发布
阅读量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
    评论
专栏目录
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...
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中文参考手册.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演示测试....
Spark的Dataset操作(一)-列的选择select
热门推荐
coding_hello的专栏
07-08 2万+
环境说明： 用的版本是Spark 2.1，Dataset操作很丰富，join的支持也蛮好的，比原来用的spark 1.4好用多了。 嗯，Dataset操作，我觉得最重要的是把Column类的用法弄清楚。毕竟，后面的Dataset操作都是在操作列。最好的资料自然是官方文档，Spark的API文档还是挺详细的，而且还细分了Java/Scala/Python。 来个例子边看边说： ...
dplyr 数据操作 列操作（select / mutate）
weixin_33769125的博客
08-05 862
在R中，我们通常需要对数据列进行各种各样的操作，比如选取某一列、重命名某一列等。 dplyr中的select函数子在数据列的操作上也同样表现了它的简洁性，而且各种操作眼花缭乱。 select(.data, ...) 参数主要在于如何添加条件。配合select()进行使用的函数有： starts_with()ends_with()contains()matches()num_range()o...
MySQL中改变字段或者列的顺序
OneFine的技术博客
03-15 3337
MySQL数据库test_db中创建一张表test_db： mysql&amp;gt; use test_db Database changed mysql&amp;gt; desc test_db; +-------+--------------+------+-----+---------+-------+ | Field | Type | Null | Key | Default | Ext...
SELECT 语法和逻辑处理顺序 (含示例)
qq_35144470的博客
12-01 249
点击打开链接
mysql中如何调整列的顺序_mysql 如何改变列的顺序
weixin_39899630的博客
01-19 752
mysql改变列顺序的方法：首先打开数据表；然后把id放在在前面，并且数据不动，语法为【alter table 表名 modify 字段名 字段类型 after 字段】。mysql改变列顺序的方法：创建了一个这样的数据表，想把id放到第一列，因为是主键，并且是自增的：mysql> select * from student原来的顺序如上所示，怎么把id放在在前面，并且数据不动，属性不变呢？ ...
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){
select语句列数超长
最新发布
04-30
当选取的列数超过了数据库允许的列数限制，就会出现“select语句列数超长”的问题。在大多数数据库中，对于每个SELECT语句的列数都有限制，一般为1000列左右，并且这个限制是由数据库的硬件和软件资源来决定的。 如果SELECT语句的列数超出了限制，可能会因为服务器无法处理这么多列而导致服务器崩溃或性能急剧下降，也可能会因为网络传输数据量过大而导致数据传输缓慢或失败。 为避免“select语句列数超长”的问题，我们可以采用以下几种方法： 1. 分拆SELECT语句：将一次SELECT语句中选取的列数分拆成多个SELECT语句，或者选取更少的列数。 2. 优化数据库结构：通过优化数据库的结构，减少需要查询的列数。 3. 优化查询语句：通过优化查询语句，减少需要查询的列数，例如只查询需要的列，使用通配符等。 4. 增加硬件和软件资源：如果在当前操作下不方便分拆SELECT语句，且查询的数据必须全部展示，则可以考虑增加服务器资源，如内存等。 总之，当我们遇到“select语句列数超长”的问题时，应该寻找合适的方法来解决这个问题，提高数据库的性能和稳定性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值