用javascript实现 将一个 ListBox 的项添加到另一个ListBox的问题?

问题描述

我用C#开发ASP.NET用javascript实现将一个ListBox的项添加到另一个ListBox.代码如下:1<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="WebForm4.aspx.cs"Inherits="test.WEB_APP.WebForm4"%>23<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">45<htmlxmlns="http://www.w3.org/1999/xhtml">6<headrunat="server">7<title>无标题页</title>8<scriptlanguage="javascript"type="text/javascript">9varObjFrom,ObjTo;10functionintial(objFrom,objTo)11{12ObjFrom=rtObject(objFrom);13ObjTo=rtObject(objTo);14}15//返回ListBox对象16functionrtObject(obj)17{18returndocument.form1.elements[obj];19}20functionAddItem(lbFrom,lbTo)21{22intial(lbFrom,lbTo);23varfromCount=ObjFrom.options.length;24if(fromCount==0)25{26alert("没有可供选择的数据");27return;28}29for(varh=0;h<fromCount;h++)30{31if(ObjFrom.options[h].selected)32{33varselectValue=ObjFrom.options[h].value;34varselectText=ObjFrom.options[h].text;35vartoCount=ObjTo.options.length;36varbool_=false;37for(k=0;k<toCount;k++)38{39if(ObjTo.options[k].value==selectValue)40{41bool_=true;42break;43}44}45if(bool_==false)46{47ObjTo.options[toCount]=newOption(selectValue,selectText);48DeletSingle(ObjFrom,h);49break;50}51}52}53}54functionDelItem(lbTo,lbFrom)55{56intial(lbTo,lbFrom);57varminSelected=0;58for(vari=ObjFrom.length-1;i>=0;i--)59{60if(ObjFrom.options[i].selected)61{62if(minSelected==0||i<minSelected)63{64minSelected=i;65AddItem(lbTo,lbFrom);66break;67}68}69}70vari=ObjFrom.length;71if(i>0)72{73minSelected=i-1;74ObjFrom.options[minSelected].selected=true;75}76}77functionAddItemAll(lbFrom,lbTo)78{79intial(lbFrom,lbTo);80varfromCount=ObjFrom.options.length;81if(fromCount==0)82return;83for(varh=0;h<fromCount;h++)84{85varcode=ObjFrom.options[h].value;86varvalue=ObjFrom.options[h].text;87vartoCount=ObjTo.options.length;88ObjTo.options[toCount]=newOption(value,code);89}90//删除所有项91for(varh=fromCount;h>=0;h--)92{93DeletSingle(ObjFrom,h);94}95}96//删除单个项97functionDeletSingle(obj,index)98{99obj.options[index]=null;100}101//将选择的值放入隐藏控件102functiongetValues()103{104varObjHid=document.getElementById('hidValue');105ObjHid.value="";106varm=ObjTo.options.length;107for(vari=0;i<m;i++)108{109ObjHid.value+=ObjTo.options[i].value+","110}111ObjHid.value=ObjHid.value.substring(0,ObjHid.value.lastIndexOf(","));112alert(ObjHid.value);113}114</script>115</head>116<bodyid="getValue">117<formid="form1"runat="server">118<div>119120<table>121<TR>122<TDstyle="WIDTH:79px;height:123px;">123<asp:ListBoxID="lbMoveFrom"runat="server"Height="120px"SelectionMode="Multiple"124Width="82px">125<asp:ListItem>a</asp:ListItem>126<asp:ListItem>b</asp:ListItem>127<asp:ListItem>c</asp:ListItem>128<asp:ListItem>d</asp:ListItem>129<asp:ListItem>e</asp:ListItem>130<asp:ListItem>f</asp:ListItem>131<asp:ListItem>g</asp:ListItem>132<asp:ListItem>h</asp:ListItem>133</asp:ListBox></TD>134<TDstyle="WIDTH:77px;height:123px;"align="center">135<P><INPUTonclick="JavaScript:AddItem('lbMoveFrom','lbMoveTo')"tabIndex="8"type="button"136value="添加>>"name="Input"></P>137<P><INPUTonclick="JavaScript:DelItem('lbMoveTo','lbMoveFrom')"tabIndex="9"type="button"138value="<<移出"name="Input2"></P>139<P><INPUTtype="button"onclick="JavaScript:AddItemAll('lbMoveFrom','lbMoveTo')"value="全部添加>>"></P>140<P><FONTface="宋体"></FONT>&nbsp;</P>141</TD>142<TDbgColor="#ffffff"style="height:123px">143<asp:ListBoxID="lbMoveTo"runat="server"Height="123px"SelectionMode="Multiple"144Width="74px"></asp:ListBox></TD>145</TR>146</table>147</div>148<inputid="hidValue"type="hidden"/>149<inputid="btn"type="button"onclick="getValues()"value="获取数据"/>150</form>151</body>152</html>153现在问题是:我怎么在后台CS代码中取到前台hidValue中的数据???急,谢谢诸位。

解决方案

解决方案二:
使用异步方式,将值传递到服务器端的Cs文件中。代码供参考:varxmlDom =newActiveXObject("Microsoft.XmlDom");xmlDom.load("/Admin/"+resourcePath+"/DataProcessService.asmx/getChildNodes?classId="+nodeId)
解决方案三:
up
解决方案四:
前台页面只有通过操作同时post到服务端时,服务端才能取到。js只是客户端脚本
解决方案五:
获取hidValue的值后,在前台将hidValue的值赋给服务器控件.将服务器控件隐藏.再到后台取服务器控件值
解决方案六:
如果是数据回传的话,直接在后台使用:Request.From["hidValue"]就可以了
解决方案七:
上面我写错了,应该是:Request.Form["hidValue"]
解决方案八:
<inputid="hidValue"type="hidden"/>加个runat="sever"<inputid="hidValue"type="hidden"runat="sever"/>
解决方案九:
<inputid="hidValue"type="hidden"/>给它加一个Name或者runat=server如果加nameRequest.Form["name"];如果加后者可以这样hidValue.Value;
解决方案十:
同意思楼上的,你把它作为一个服务器的控件,这样在后台就可以直接调用了.

时间: 2024-09-20 01:14:01

用javascript实现 将一个 ListBox 的项添加到另一个ListBox的问题?的相关文章

求大神帮助,Listbox中选中多行添加到另一个listbox中

问题描述 如图,想实现这种功能,求帮助,谢谢各位了 解决方案 解决方案二:ForiAsInteger=0ToListBox1.SelectedItems.Count-1ListBox2.Items.Add(ListBox1.SelectedItems(i).ToString)Next解决方案三:当然,首先你要把你的listbox1设置为可以多选

为.net中的ListBox控件添加双击事件

控件 我在用dotnet做一个项目的过程中,遇到了一个ListBox的问题:通过在一个ListBox中双击,把选中的项添加到另一个ListBox中,但ListBox控件本身并没有该事件,那么如何实现呢?我就想到了客户端脚本javascrit,通过查阅相关资料,终于把这个问题解决了,现在写出来与大家分享,希望能对大家有所帮助.        这里有三个问题:        第一:双击所要执行的javascript代码是什么?                    注意:javascript代码的语

显示-listbox中怎么添加贴图

问题描述 listbox中怎么添加贴图 现在用使用uCGUI,想使用listbox这个控件,一个listbox中前半部分显示一个图片, 后一半显示一个text,请高人指点一下,非常感谢 解决方案 自己搞一个控件,贴图,然后移动到ListBox上面去 解决方案二: 可能ListCtrl+ImageList也能满足你的要求

c++-我在头文件中通过添加现有项添加quote.h文件后,为何include是提示错误?

问题描述 我在头文件中通过添加现有项添加quote.h文件后,为何include是提示错误? 解决方案 你试一下把头文件放在和CPP一个目录下:或者写出quote.h完整路径. 解决方案二: #include后面有没有一个空格 解决方案三: 重启编译器,,,建议重建项目再试一次

租车网站用servlet和jsp写的,我的后台有一项添加车辆信息的功能,我不知道应该怎么上传图片

问题描述 租车网站用servlet和jsp写的,我的后台有一项添加车辆信息的功能,我不知道应该怎么上传图片 解决方案 可以参考下这里http://blog.csdn.net/hzc543806053/article/details/7524491 解决方案二: 图片一般上传到服务器上,数据库存放图片的路径就行了 解决方案三: 楼主能不能把你的程序分享给我下,急用,谢谢 解决方案四: 楼主能不能把你的程序分享给我下,急用,谢谢

javascript的document中的动态添加标签实现方法_javascript技巧

document的高级篇中提供了节点操作的函数,具体包括:获取节点,改变节点,删除节点,替换节点,创建节点,添加节点,克隆节点等函数.我们可以利用这些函数动态改变html的节点. 1.JavaScript <script type="text/javascript"> function test1(){//对个节点的ID相同时候的情况 var myhref = document.getElementById('same'); window.alert(myhref.inne

ListBox控件添加数据慢

问题描述 winform开发,用listbox控件添加4000多条数据时,加载界面速度比较慢,要一次性加载,如何解决?目前是用for循环一条条添加,如:for(inti=0;i<4000;i++){ListBox1.Items.Add(XX);} 解决方案 本帖最后由 sven168 于 2015-09-05 20:27:43 编辑解决方案二:是否可以考虑通过线程加载listbox,这样不会导致主画面卡解决方案三:用virtualmodehttp://www.cnblogs.com/hcfala

Silverlight实用窍门系列:43.Silverlight从ListBox拖拽图标到另一ListBox【附带源码实例】

在本实例中我们将从ListBox中拖出一个图标到另外一个ListBox中,这是一个比较有用的小功能,在这里我们首先来看运行效果(点击下面的图片即可拖动左边的图标到右边的ListBox中去). 在线演示 实现过程是:1.我们把这个过程分为鼠标左键点击到左边的图标,使用Image_MouseLeftButtonDown事件.(设置一个标识符,标示当前已经被鼠标点击下去) 2.点击到这个图标不放,在整个Canvas内移动,使用LayoutRoot_MouseMove事件(此时设置一个图标跟随鼠标的位置

JavaScript网站设计实践(七)编写最后一个页面 改进表单

原文:JavaScript网站设计实践(七)编写最后一个页面 改进表单 一.最后一个页面 contact.html.改进表单 在该页面实现的功能: 几乎所有的网站都会有表单填写,对于用户输入和填写的数据,首先我们一般现在前台验证,然后再去后台验证. 在前台最简单的验证:检查必填字段是否填写.填写格式是否符合要求等. 每个表单里面,当获取到输入焦点时,令提示文本消失 现在开始动手来写. 1.实现思路 (1)在这个表单里会验证的是必填字段和邮箱格式是否正确.首先,把判断必填字段和邮箱格式分别写在两个