zoukankan
html css js c++ java
如何在客户端对ListBox进行添加删除操作
ListBox的客户端添加删除操作
<%
@ Page language
=
"
c#
"
Codebehind
=
"
WebForm1.aspx.cs
"
AutoEventWireup
=
"
false
"
Inherits
=
"
WebExample.WebForm1
"
%>
<!
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
>
<
HTML
>
<
HEAD
>
<
title
>
WebForm1
</
title
>
<
meta
name
="GENERATOR"
Content
="Microsoft Visual Studio .NET 7.1"
>
<
meta
name
="CODE_LANGUAGE"
Content
="C#"
>
<
meta
name
="vs_defaultClientScript"
content
="JavaScript"
>
<
meta
name
="vs_targetSchema"
content
="http://schemas.microsoft.com/intellisense/ie5"
>
<
script
>
function
Add()
{
var
elemAll
=
document.getElementById(
"
lbAll
"
);
var
elemSel
=
document.getElementById(
"
lbSel
"
);
for
(
var
i
=
0
;i
<
elemAll.options.length;i
++
)
{
if
(elemAll.options[i].selected)
{
var
SelText
=
elemAll.options[i].innerText;
var
SelValue
=
elemAll.options[i].value;
var
Num
=
elemSel.options.length;
elemSel.options[Num]
=
new
Option(SelText,SelValue);
elemAll.options.remove(i);
i
--
;
}
}
}
function
Remove()
{
var
elemAll
=
document.getElementById(
"
lbAll
"
);
var
elemSel
=
document.getElementById(
"
lbSel
"
);
for
(
var
i
=
0
;i
<
elemSel.options.length;i
++
)
{
if
(elemSel.options[i].selected)
{
var
SelText
=
elemSel.options[i].innerText;
var
SelValue
=
elemSel.options[i].value;
var
Num
=
elemAll.options.length;
elemAll.options[Num]
=
new
Option(SelText,SelValue);
elemSel.options.remove(i);
i
--
;
}
}
}
</
script
>
</
HEAD
>
<
body
>
<
form
id
="Form1"
method
="post"
runat
="server"
>
<
TABLE
>
<
TR
>
<
TD
>
<
asp:ListBox
id
="lbAll"
runat
="server"
Width
="100px"
Height
="150px"
SelectionMode
="Multiple"
></
asp:ListBox
></
TD
>
<
TD
>
<
INPUT
id
="btnAdd"
type
="button"
value
=">>"
onclick
="Add();"
><
br
>
<
INPUT
id
="btnRemove"
type
="button"
value
="<<"
onclick
="Remove();"
>
</
TD
>
<
TD
>
<
asp:ListBox
id
="lbSel"
runat
="server"
Width
="100px"
Height
="150px"
SelectionMode
="Multiple"
></
asp:ListBox
></
TD
>
</
TR
>
</
TABLE
>
</
form
>
</
body
>
</
HTML
>
查看全文
相关阅读:
jQuery拖动调整表格列宽度-resizableColumns
图像切割之(一)概述
内存泄漏以及常见的解决方法
中国大概能用的NTPserver地址
SWFUpload简单使用样例 Java版(JSP)
XML是什么,它能够做什么?——写给XML入门者
MfC 进度条控件
IP地址的分类——a,b,c 类是怎样划分的
Python的包管理工具Pip
Chapter 1 Securing Your Server and Network(6):为SQL Server訪问配置防火墙
原文地址:https://www.cnblogs.com/newwind521/p/483816.html
最新文章
Custom Data Service Providers
intellij idea 高级用法之:集成JIRA、UML类图插件、集成SSH、集成FTP、Database管理(转)
Git与TortoiseGit基本操作(转)
解决 TortoiseGit 诡异的 Bad file number 问题(转)
安卓开发笔记——探索EventBus(转)
oracle----sqlldr用法(转)
order by使用方法
js 利用iframe和location.hash跨域解决的方法,java图片上传回调JS函数跨域
有意思的cmd命令
SVNclient安装与使用
热门文章
eclipse打不开data目录解决的方法
冒泡排序与简单选择排序——Java实现
一步一步写算法(之hash表)
ORACLE触发器具体解释
常见算法:C语言求最小公倍数和最大公约数三种算法
学习淘宝指数有感
递归算法的时间复杂度分析
Haskell 差点儿无痛苦上手指南
希尔排序
MySql 安装及0基础使用具体解释
Copyright © 2011-2022 走看看