多选列表框Multiselect如何初始化

使用Multiselect实现了一个多选列表框。
官方网址:http://www.senamion.com/blog/jmultiselect2side.html

现在如果要重置页面所有表单输入项,也包括多选列表框。
那么,多选列表框如何初始化

[code="java"]



姓名


value="${name}">




测试




${list.value}
/c:forEach


[/code]
iteye_5246
iteye_5246 相当于级联了吧...
大约 8 年之前 回复

1个回答

1、下载demo
http://www.senamion.com/blog/jquery.multiselect2side.zip
2、在demo目录下
[code="java"]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<title>Senamion.com - multiselect2side (multiple select double side) plugin: documentation and demo page</title>
<link rel="stylesheet" href="css/jquery.multiselect2side.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript" src="js/jquery.multiselect2side.js" ></script>
<script type="text/javascript">
    $().ready(function() {

        $('#test').multiselect2side(
                {
                labelsx:"未选择",labeldx:"已选择",
                selectedPosition:"right",
                labelTop:"顶部",labelBottom:"底部",labelUp:"上移",labelDown:"下移",labelSort:"排序"
                });
    });
</script>


            <select name="source" id='test' multiple='multiple' >
                <option value='1'>超级管理员</option>
                <option value='2'>图书管理员</option>
                <option value='3'>进货管理员</option>
                <option value='4'>销售管理员</option>
            </select>



[/code]

source里边就是你要添加的

jinnianshilongnian
jinnianshilongnian 重置 其实就是把右边的全部再添加到左边 <input type="button" value="重置" onclick='$(".RemoveAll").click();'>
大约 8 年之前 回复
jinnianshilongnian
jinnianshilongnian <!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 profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Senamion.com - multiselect2side (multiple select double side) plugin: documentation and demo page</title> <link rel="stylesheet" href="css/jquery.multiselect2side.css" type="text/css" media="screen" /> <script type="text/javascript" src="js/jquery.js" ></script> <script type="text/javascript" src="js/jquery.multiselect2side.js" ></script> <script type="text/javascript"> $().ready(function() { initMultiSelect(); }); function initMultiSelect() { $('#test').multiselect2side( { labelsx:"未选择",labeldx:"已选择", selectedPosition:"right", labelTop:"顶部",labelBottom:"底部",labelUp:"上移",labelDown:"下移",labelSort:"排序" }); } </script> </head> <body> <select name="source" id='test' multiple='multiple'> <option value='1'>超级管理员</option> <option value='2'>图书管理员</option> <option value='3'>进货管理员</option> <option value='4'>销售管理员</option> </select> <input type="button" value="重置" onclick='$(".RemoveAll").click();'> </body> </html>
大约 8 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐