求！求！求！求！求！如图样子web功能实现，asp.net
日期：2014-05-17 浏览次数：20447 次
求！求！求！求！求！求助如图样子web功能实现，asp.net
例子、方法 、链接介绍，，这功能叫什么名字
------解决方案--------------------
用javascript可以实现
例子
<!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>
<title></title>
<script language="javascript" type="text/javascript">
function moveUser(obj_1_name, obj_2_name) {
var obj_1_container = document.getElementById(obj_1_name);
var obj_2_container = document.getElementById(obj_2_name);
var obj_1_selected = obj_1_container.getElementsByTagName("Option");
for (var i = 0; i < obj_1_selected.length; i++) {
if (obj_1_selected[i].selected) {
obj_2_container.options.add(new Option(obj_1_selected[i].text, obj_1_selected[i].value));
obj_1_container.options.remove(i);
i--;
}
}
}
</script>
</head>
<body>
<select id='unselecteduser' multiple="multiple">
<option value='张三'>张三</option>
<option value='李四'>李四</option>
<option value='王五'>王五</option>
</select>
<input type='button' value='>>' onclick="moveUser('unselecteduser','selecteduser');" />
<input type='button' value='<<' onclick="moveUser('selecteduser','unselecteduser');" />
<select id='selecteduser' multiple="multiple">
</select>
</body>
</html>
如果用jQuery库会更简单些。
例子、方法 、链接介绍，，这功能叫什么名字
------解决方案--------------------
用javascript可以实现
例子
<!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>
<title></title>
<script language="javascript" type="text/javascript">
function moveUser(obj_1_name, obj_2_name) {
var obj_1_container = document.getElementById(obj_1_name);
var obj_2_container = document.getElementById(obj_2_name);
var obj_1_selected = obj_1_container.getElementsByTagName("Option");
for (var i = 0; i < obj_1_selected.length; i++) {
if (obj_1_selected[i].selected) {
obj_2_container.options.add(new Option(obj_1_selected[i].text, obj_1_selected[i].value));
obj_1_container.options.remove(i);
i--;
}
}
}
</script>
</head>
<body>
<select id='unselecteduser' multiple="multiple">
<option value='张三'>张三</option>
<option value='李四'>李四</option>
<option value='王五'>王五</option>
</select>
<input type='button' value='>>' onclick="moveUser('unselecteduser','selecteduser');" />
<input type='button' value='<<' onclick="moveUser('selecteduser','unselecteduser');" />
<select id='selecteduser' multiple="multiple">
</select>
</body>
</html>
如果用jQuery库会更简单些。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
