- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
-
<html xmlns="">
-
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
-
<title>无标题文档</title>
-
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
-
<script type="text/javascript">
-
/**
-
*动态的给左边的下拉列表创建选项
-
*具体情况可以从数据库读取数据动态创建选项
-
*/
-
$(document).ready(function(){
-
for(var i=1;i<=5;i++)
-
{
-
$("#fb_list").append("+i+"");
-
}
-
})
-
$(function(){
-
$("#add").click(function(){
-
if($("#fb_list option:selected").length>0)
-
{
-
$("#fb_list option:selected").each(function(){
-
$("#select_list").append("+$(this).text()+");
-
$(this).remove();
-
})
-
}
-
else
-
{
-
alert("请选择要添加的分包！");
-
}
-
})
-
})
-
$(function(){
-
$("#delete").click(function(){
-
if($("#select_list option:selected").length>0)
-
{
-
$("#select_list option:selected").each(function(){
-
$("#fb_list").append("+$(this).text()+");
-
$(this).remove();
-
})
-
}
-
else
-
{
-
alert("请选择要删除的分包！");
-
}
-
})
-
})
-
-
-
</script>
-
-
</head>
-
-
<body>
-
<table width="95%" cellpadding="0" align="center" class="listshow" border="1" cellspacing="0">
-
<tr>
-
<td colspan="4" align="center">选择分包</td>
-
</tr>
-
<tr>
-
<td class="black" width="30%" align="center">
-
-
-
<select id="fb_list" multiple="multiple" style=" text-align:center;width:300px;height:150px;">
-
</select>
-
-
</td>
-
<td align="center" width="5%">
-
<input type="button" id="add" value="添加>>" />
-
<br/>
-
<br/>
-
<input type="button" id="delete" value="<<删除" />
-
</td>
-
<td class="black" width="30%" align="center">
-
<select id="select_list" multiple="multiple" style=" text-align:center;width:300px;height:150px;">
-
</select>
-
</td>
-
</tr>
-
</table>
-
</body>
-
</html>
原文链接：
应用场景：编辑主机与快照文件的关联的时候可以应用！
