将选中的数据从左框中移到右框中

最新推荐文章于 2021-12-21 11:35:00 发布
最新推荐文章于 2021-12-21 11:35:00 发布
阅读量500 收藏
点赞数
文章标签： function class button server asp object
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wang_liuqin/article/details/6207880
版权

aspx页面

 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TripFloorDetails.aspx.cs"
    Inherits="IntlTicket_Product_TripFloorDetails" %>

<!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 runat="server">
    <title>无标题页</title>

    <script type="text/javascript">
   
    function addHoldRoomTypes()
    {
        var LstHouseTypeRoomHold = document.getElementById("lbxTotalList");
        var ListHouseTypeRoomSelected = document.getElementById("lbxSelectList");
        var removeItems = "";
        for(var i=0;i<LstHouseTypeRoomHold.options.length;i++)
        {
            if(LstHouseTypeRoomHold.options[i].selected)
            {
                ListHouseTypeRoomSelected.options.add(new Option(LstHouseTypeRoomHold.options[i].text,LstHouseTypeRoomHold.options[i].value));
                removeItems += LstHouseTypeRoomHold.options[i].value + ",";
            }
        }
       
        removeArrayList(LstHouseTypeRoomHold);
       
        var removeItem = removeItems.split(",");
       
        for(var k=0;k<removeItem.length;k++)
        {
            if(removeItem[k]!="")
            {
                removeSelectItem(LstHouseTypeRoomHold,removeItem[k]);
            }
        }
       
        addIds(ListHouseTypeRoomSelected);
    }
  
    function removeHoldRoomTypes()
    {
        var LstHouseTypeRoomHold = document.getElementById("lbxTotalList");
        var ListHouseTypeRoomSelected = document.getElementById("lbxSelectList");
        var removeItems = "";
        for(var i=0;i<ListHouseTypeRoomSelected.options.length;i++)
        {
            if(ListHouseTypeRoomSelected.options[i].selected)
            {
                LstHouseTypeRoomHold.options.add(new Option(ListHouseTypeRoomSelected.options[i].text,ListHouseTypeRoomSelected.options[i].value));
                removeItems += ListHouseTypeRoomSelected.options[i].value + ",";
            }
        }
       
        addArrayList(ListHouseTypeRoomSelected);
       
        var removeItem = removeItems.split(",");
       
        for(var k=0;k<removeItem.length;k++)
        {
            if(removeItem[k]!="")
            {
                removeSelectItem(ListHouseTypeRoomSelected,removeItem[k]);
            }
        }
       
        addIds(ListHouseTypeRoomSelected);
    }
   
    //删除列表中选定项
    function removeSelectItem(select,itemVal)
    {
        for(var i=0;i<select.options.length;i++)
        {
            if(select.options[i].value==itemVal)
            {
                select.options.remove(i);
            }
        }
    }
   
    //被选中项ID串
    function addIds(select)
    {
        var hIds=document.getElementById("hIds");
        var ids="";
        for(var i=0;i<select.options.length;i++)
        {
            ids += select.options[i].value + ",";
        }
        hIds.value=ids;
    }
   
    //下拉框选中项移除数组
    function removeArrayList(select)
    {
     for(var j=0;j<select.options.length;j++)
        {
            if(select.options[j].selected)
            {
                for(var i=0;i<arrList.length;i++)
             {
                 if(arrList[i].split(',')[0]==select.options[j].value)
                 {
                     arrList.splice(i,1);
                     break;
                 }
             }
         }
        }
    }
   
    //下拉框选中项录入数组
    function addArrayList(select)
    {
        for(var i=0;i<select.options.length;i++)
        {
            if(select.options[i].selected)
            {
                arrList[arrList.length++]=select.options[i].value+","+select.options[i].text;
            }
        }
    }

    </script>
  
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <table border="0" cellpadding="3" cellspacing="1" class="bmsEditTable" width="50%"
                align="center">
                <tr>
                    <td class="bmsInputCaption" width="15%">
                        机场名称:</td>
                    <td class="bmsInputContent" width="35%">
                        <asp:Literal ID="LterAirporName" runat="server"></asp:Literal></td>
                    <td class="bmsInputCaption" width="15%">
                        航站楼名称:</td>
                    <td class="bmsInputContent" width="35%">
                        <asp:Literal ID="LterTripFloor" runat="server"></asp:Literal></td>
                </tr>
                <tr>
                    <td class="bmsInputContent" colspan="2">
                        查询航空公司：<input type="text" id="inputer"></td>
                    <td class="bmsInputCaption" width="15%">
                    </td>
                    <td class="bmsInputContent" width="35%">
                    </td>
                </tr>
                <tr>
                    <td colspan="4" class="bmsInputCaption">
                        <table width="100%">
                            <tr>
                                <td rowspan="2" align="center">
                                    <asp:ListBox ID="lbxTotalList" runat="server" Height="300px" Width="250px" SelectionMode="Multiple">
                                    </asp:ListBox></td>
                                <td width="90px">
                                    <input id="btnAdd" type="button" value=">>" οnclick="addHoldRoomTypes();" class="mnfCommandButton80" />
                                </td>
                                <td rowspan="2" align="center">
                                    <asp:ListBox ID="lbxSelectList" runat="server" Height="300px" Width="250px" SelectionMode="Multiple">
                                    </asp:ListBox></td>
                            </tr>
                            <tr>
                                <td>
                                    <input id="btnRemove" type="button" value="<<" οnclick="removeHoldRoomTypes();" class="mnfCommandButton80" />
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td colspan="4" class="bmsInputCaption" align="center">
                        &nbsp;<input id="hIds" type="hidden" runat="server" />
                        <asp:Button ID="btnSave" runat="server" Text="保存" CssClass="mnfCommandButton80" OnClick="btnSave_Click"
                            TabIndex="100" />
                        <asp:Button ID="Button1" runat="server" Text="返回" CssClass="mnfCommandButton80" OnClick="Button1_Click" />
                    </td>
                </tr>
            </table>
        </div>
    </form>
</body>
</html>
<script language="javascript">

var arrList = new Array();

function smanPromptList(arrList,objInputId)
{
    if (arrList.constructor!=Array){alert('smanPromptList初始化失败:第一个参数非数组!');return ;}


    window.onload =function()
 {

  var ldList=document.getElementById("lbxTotalList");
  for(var i=0;i<ldList.options.length;i++)
  {
   arrList[i]=ldList.options[i].value+","+ldList.options[i].text;
  }
     
  var objInput = document.getElementById(objInputId); //文本框对象
  var intTmp; //循环用的:)
  if (objInput==null) {alert('smanPromptList初始化失败:没有找到"'+objInputId+'"文本框');return ;}

  //文本框按键抬起
  objInput.οnkeyup=checkAndShow;
  //文本框得到焦点
  objInput.οnfοcus=checkAndShow;


  function checkList(svalue)
  {
   for(var i=0;i<arrList.length;i++)
   {
    if(arrList[i]==svalue)
    {
     ldList.options.add(new Option(arrList[i].split(',')[1],arrList[i].split(',')[0]));
    }
   }
  }

 


  function checkAndShow(){
   
    ldList.options.length=0

    var strInput = objInput.value
    if (strInput!="")
    {
     for (intTmp=0;intTmp<arrList.length;intTmp++)
     {
      for(i=0;i<arrList[intTmp].length;i++)
      {
     if (arrList[intTmp].substr(i, strInput.length).toUpperCase()==strInput.toUpperCase())
     {
        checkList(arrList[intTmp]);
        break;
     }
      }
     }
    }
    else
    {
    for(var i=0;i<arrList.length;i++)
    {
    ldList.options.add(new Option(arrList[i].split(',')[1],arrList[i].split(',')[0]));
    }
    }
  }
 }
}

smanPromptList(arrList,"inputer")
    </script>

 

 

 

 

 

aspx.cs后台代码页

 

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using CRM.Buzlogic.Common;
using CRM.Buzlogic.IntlTicket.Product;
using System.Data.OracleClient;

public partial class IntlTicket_Product_TripFloorDetails : BasePage
{
    #region GetParmerter
    int TripId { get { return IntUtil.SafeCInt(Request.QueryString["TRIP_FLOOR_NEW_ID"]); } }
    #endregion

    protected void Page_Load(object sender, EventArgs e)
    {
        this.PageCaption = "机";
        if (!IsPostBack)
        {
            InitControl();
        }
    }

    protected void InitControl()
    {
        TripFloorNew infoTripFloorNew = new TripFloorNew();
        infoTripFloorNew.TripFloorNewId = TripId;
        infoTripFloorNew.Load();
        LterAirporName.Text = DSCRM.DBA.ExecuteScalar(string.Format("select Airport_name from T_ITP_AIRPORT where Airport_id='{0}'", infoTripFloorNew.AirportId)).ToString();
        LterTripFloor.Text = infoTripFloorNew.TripFloor;

        lbxTotalList.Items.Clear();
        lbxSelectList.Items.Clear();
        BSCRM.Component.BaseListController.FillItems(this.lbxTotalList.Items, BSCRM.Component.ListMode.Normal, string.Format(@"select Airliner_id,Airliner_id||':'||Airliner_name as Airliner_name
from t_itp_airliner
where Airliner_id not in
(
select t2.airliner_id
from T_ITP_TRIP_FLOOR_AIRLINER t1
inner join t_itp_airliner t2 on t1.airliner_id=t2.airliner_id
inner join T_ITP_TRIP_FLOOR_NEW t3 on t1.trip_floor_new_id=t3.trip_floor_new_id
where t3.airport_id='{0}'
)", infoTripFloorNew.AirportId));
        BSCRM.Component.BaseListController.FillItems(this.lbxSelectList.Items, BSCRM.Component.ListMode.Normal, string.Format("select t2.airliner_id,t2.Airliner_id||':'||t2.Airliner_name as Airliner_name from T_ITP_TRIP_FLOOR_AIRLINER t1 inner join t_itp_airliner t2 on t1.airliner_id=t2.airliner_id where t1.trip_floor_new_id={0}", TripId));
    }

    /// <summary>
    /// 保存
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    protected void btnSave_Click(object sender, EventArgs e)
    {
        OracleConnection loOraConn = DSCRM.DBA.GetOraConnection("CRMDB");
        OracleTransaction loOraTran = loOraConn.BeginTransaction();
        try
        {
            OracleCommand loOraComm = loOraConn.CreateCommand();
            loOraComm.Transaction = loOraTran;

            TripFloorNewAirliner.DeleteTrip(TripId, loOraComm);

            string[] strIds = this.hIds.Value.Split(',');
            for (int i=0;i<strIds.Length-1;i++)
            {
                TripFloorNewAirliner info = new TripFloorNewAirliner();
                info.AirlinerId = strIds[i];
                info.TripFloorNewId = TripId;
                info.Add(loOraComm);
            }
            loOraTran.Commit();
        }
        catch (Exception ex)
        {
            loOraTran.Rollback();
            this.ShowException(ex);
        }
        finally
        {
            DSCRM.DBA.CloseOraConnection(loOraConn);
        }

        InitControl();
    }


    protected void Button1_Click(object sender, EventArgs e)
    {
        Response.Redirect(this.AppendAppInfo("TripFloorListNew.aspx"));
    }
}

wang_liuqin
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ListBox的应用（左框中信息移至右框）
段琳琳
03-14 2857
说明： 选中做左边LisaBox中的信息，可以多选，点击“添加”按钮，可将其信息移到右边的ListBox中，同时左边被选中的信息消失，同理，点击”移除“按钮右边的信息就会还原到左边 代码： 前台：                                 SelectionMode="Multiple">
html 把左框的选中项添加到右框
weixin_30449239的博客
12-09 563
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>选择项</title> <script...
【C#】【平时练习】将左边列表框(List)的内容（月份）添加到右边列表框。最终右侧显示的内容（月份）要保持一定顺序...
萌狼蓝天の技术栈
12-21 620
Aspx - 点击查看代码 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm_Demo01.aspx.cs" Inherits="WebApplication_ListBox.WebForm_Demo01" %> <!DOCTYPE html> <html xmlns="htt...
c# 将左侧列表的内容添加到右侧列表
01-09
c# 将左侧列表的内容添加到右侧列表 右侧列表内容的删除等
选择左边多选框的值移动到右边多选框
厂长的博客
02-01 1738
// > < function moveSelected(oSourceSel, oTargetSel) { //建立存储value和text的缓存数组 var arrSelValue = new Array(); var arrSelText = new Array(); //此数组存贮选中的options，以value来对应 var arrValueTextRelati
使用JQuery左右移动下拉列表框中的值
03-22
4. **移动选项**：根据需求，将选中项从一个下拉列表移动到另一个。这涉及到`append()`或`prepend()`方法来添加选项，以及可能的`remove()`方法来移除原始位置的选项。 ```javascript if (selectedOption.length >...
复选框的左右移动
12-11
7. **代码组织**：为了保持代码整洁，可以将复选框移动逻辑封装成一个函数，然后在事件处理中调用。这样，代码更易于维护和扩展。 综上所述，"复选框的左右移动"是通过jQuery实现的一种高效权限管理方式。它结合了...
jquery select多选框的左右移动 具体实现代码
10-27
这个功能通常用于需要用户从一组可选项中选择一部分并将其移到另一个组的情况，例如在选择分包或分配任务等场景。 首先，我们需要HTML结构，包括两个多选框（`<select>`元素），分别标记为`id="fb_list"`（从列表）...
左右选择框
05-03
用户可以通过拖拽、点击按钮或使用键盘快捷键将元素从左侧移到右侧，或者反向操作，从右侧移回左侧。在描述中提到的增、删功能可能体现在以下方面： 1. 增加：用户可以输入新的项，然后添加到左侧列表，或者系统...
C#TreeView将左侧数据添加到右侧树视图
07-14
C#TreeView将左侧数据添加到右侧树视图
1. 编写一个 Java 程序, 在程序中建立一个窗口, 有两个文本框和一个按钮, 单击按钮, 能把左边文本框中的内容复制到右边文本框中.
12-24
1. 编写一个 Java 程序, 在程序中建立一个窗口, 有两个文本框和一个按钮, 单击按钮, 能把左边文本框中的内容复制到右边文本框中.
Jquery实现数据左右移动Demo
02-17
Jquery实现数据左右移动Demo，供大家一起共同分享学习。
基于jquery实现select选择框内容左右移动添加删除代码分享
10-23
在本文中，我们将深入探讨如何使用jQuery库来实现一个功能丰富的select选择框，该功能允许用户将选项在两个select元素之间进行左右移动、添加和删除。这个功能在数据管理、选项筛选或用户自定义设置等场景中非常有用...
html边框右移,JQuery内容从左边框移到右边框
weixin_39724266的博客
06-16 1136
最近感觉学习挺紧的。JQuery没有学几天就又开始学习AngularJS了。学习的时候都是看着老师用着很简单，自己写的时候就觉得不太会用。但是学习AngularJS的时候有很多问题，我觉得不管是学习JQuery还是AngularJS都需要多练习。之前做的一个有一个框里面有名字然后选中就移到右边去，也可以右边移到左边。之前看见很多网站上都有这种效果。现在我来简单讲解一下。关羽张飞刘备曹操诸葛亮周瑜黄...
ListBox绑定数据，从左边移到右边的ListBox
兴百放的博客
03-02 3548
ListBox绑定数据，从左边移到右边的ListBox效果如　 添加: int i = 0;        foreach (ListItem litem in ListBox1.Items)        {            if (litem.Selected)            {                i++;            }         }    
选中复选框的数据追加到另一个表格中
最新发布
06-01
您可以通过以下步骤实现将选中复选框的数据追加到另一个表格中： 1. 获取选中复选框的数据：使用jQuery或JavaScript获取选中的复选框的值，将其存储在数组中。 2. 追加数据到另一个表格中：使用jQuery或JavaScript将存储在数组中的数据追加到另一个表格中，可以使用append()方法实现。 例如，以下是一个使用jQuery实现将选中复选框的数据追加到另一个表格中的示例代码： ```javascript // 获取选中的复选框的值 var selectedValues = []; $('input[type=checkbox]:checked').each(function() { selectedValues.push($(this).val()); }); // 追加数据到另一个表格中 var table = $('#other-table'); $.each(selectedValues, function(index, value) { var row = $('<tr>').append($('<td>').text(value)); table.append(row); }); ``` 请注意，此示例代码仅供参考，具体实现方式可以根据您的实际需求进行调整。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值