zoukankan
html css js c++ java
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
>
查看全文
相关阅读:
WebRTC的一个例子
Gerrit增加SSL证书
Ruby on Rails 创建https应用
使用Ruby来实现批量更新AD中字段
pg gem 安装(postgresql94)
Spark源码剖析(一):如何将spark源码导入到IDEA中
Scala入门系列(十三):类型参数
Scala入门系列(十二):隐式转换
Scala 安装 Exception in thread "main" java.lang.VerifyError: Uninitialized object exists on backward branch 96
Scala入门系列(十一):模式匹配
原文地址:https://www.cnblogs.com/VirtualMJ/p/515396.html
最新文章
redis有序集合数据类型---sortedset
redis集合数据类型---SET
redis列表数据类型---list
php 跳转页面
redis哈希表数据类型键的查询和删除命令
XSS与CSRF攻击
浅拷贝与深拷贝
CSS动画复习
JavaScript正则常用知识总结
JavaScript实现继承的几种重要范式
热门文章
JavaScript创建对象的几种重要模式
原型与原型链.
节点操作易混点
JavaScript数组方法总结
JavaScript类型转换
Vim中YouCompleteMe插件安装
PostgresSQL的安装与基本命令使用
ovirt配置为cas登录
nginx中error_page没有生效(nginx+passenger+rails)
Centos7下面配置静态IP
Copyright © 2011-2022 走看看