`

<s:select>多选框

阅读更多
         贴出用<s:select>实现的多选框的添加,删除功能。如下js。
//添加
function addTo(srcList,destList)
{
        var len = destList.options.length;    
        for(var i = 0; i < srcList.options.length; i++)
        {
                if ((srcList.options[i] != null) && (srcList.options[i].selected))
                {
                       //Check if this value already exist in the destList or not
                        //if not then add it otherwise do not add it.
                        var found = false;
                        for(var count = 0; count < len; count++)
                        {
                                if (destList.options[count] != null)
                                {
                                        if (srcList.options[i].text == destList.options[count].text)
                                        {
                                                found = true;
                                                break;
                                      }
                                }
                        }
                        if (found != true)
                        { 
                                destList.options[len] = new Option(srcList.options[i].text);
                                destList.options[len].value = srcList.options[i].value;
                                len++;
                       }
                 }
           }
        
}

//remove item from destLis删除
function deleteFrom(destList)
{
        var len = destList.options.length;
        for(var m = (len-1); m >= 0; m--)
        {
                if ((destList.options[m] != null) && (destList.options[m].selected == true))
                 {
                       destList.options[m].text = "";
                       destList.options[m].value = "";
                       destList.options[m]=null;
                       len--;
                 }
        }
}

在用<s:select multiply="true"/>作为多选框时,也可以用<select multiply="multiply">来代替<s:select/>.
分享到:
评论

相关推荐

    struts2 标签库 帮助文档

    2. &lt;s:checkboxlist list=""&gt;&lt;/s:checkboxlist&gt;-----多选框 3. &lt;s:combobox list=""&gt;&lt;/s:combobox&gt;-----下拉框 4. &lt;s:component&gt;&lt;/s:component&gt;-----图像符号 D: 1. &lt;s:date/&gt;-----获取日期格式 2. &lt;s:...

    jQuery完全实例.rar

    &lt;p&gt;one&lt;/p&gt; &lt;div&gt;&lt;p&gt;two&lt;/p&gt;&lt;/div&gt; &lt;p&gt;three&lt;/p&gt; jQuery 代码: $("div &gt; p"); 结果: [ &lt;p&gt;two&lt;/p&gt; ] -------------------------------------------------------------------------------- 在文档的第一个表单...

    html入门到放弃笔记

    标记在使用时,用尖括号 "&lt;&gt;",标记的分类 1、封闭类型的标记 也称为 "双标记" , 必须成对出现 语法:&lt;标记&gt;内容&lt;/标记&gt; Demo : 1、创建 p 标记 --&lt;p&gt;...&lt;/p&gt; 2、创建 div 标记 -- &lt;div&gt;&lt;/div&gt; 3、创建 ...

    在b/s开发中经常用到的javaScript技术整理

    3.7 复选框的全选,多选,全不选,反选 3.8 文件上传过程中判断文件类型 4、字符类 4.1 判断字符全部由a-Z或者是A-Z的字字母组成 4.2 判断字符由字母和数字组成。 4.3 判断字符由字母和数字,下划线,点号...

    PHP基础教程 是一个比较有价值的PHP新手教程!

    &lt;/TITLE&gt; &lt;/HEAD&gt; &lt;BODY&gt; &lt;H1&gt; First PHP page &lt;/H1&gt; &lt;HR&gt; &lt;? // Single line C++ style comment /* printing the message */ echo "Hello World!"; # Unix style single line comment ?&gt; &lt;/BODY&gt; &lt;/HTML&gt; 2.4 数据...

    javascript函数的解释

    49.引用一个文件式的JS:&lt;script type="text/javascript" src="aaa.js"&gt;&lt;/script&gt; 50.指定在不支持脚本的浏览器显示的HTML:&lt;noscript&gt;&lt;/noscript&gt; 51.当超链和ONCLICK事件都有时,则老版本的浏览器转向a.html,否则转向...

    107个常用javascript语句

    49.引用一个文件式的JS:&lt;script type="text/javascript" src="aaa.js"&gt;&lt;/script&gt; 50.指定在不支持脚本的浏览器显示的HTML:&lt;noscript&gt;&lt;/noscript&gt; 51.当超链和onCLICK事件都有时,则老版本的浏览器转向a.html,否则转向...

    arcgis工具

    执行命令:&lt;空间分析&gt;-&lt;转换&gt;--&lt;要素到栅格&gt; 指定栅格大小:查询要剪切的栅格图 层Landuse 的栅格大小,这里指定为25 指定输出栅格的名称为路径 执行命令: &lt;空间分析&gt;-&lt;栅格计算器&gt; 构造表达式:[Landuse]*...

    数据库原理实验报告整合

    select s.sno,c.cno,cname,score from s,c,sc where s.sno=sc.sno and c.cno=sc.cno 12、查询所有学生的选修情况(包括选课和未选课的学生),要求显示学号、姓名、课程号和成绩。 select sno,sname,cno,score ...

    JavaScript笔记

    |--3.concat()方法--用于连接两个或多个数组,该方法不会改变现有的数组 |--4.slice()方法--截取元素。根据给定的范围可从已有的数组中返回选定的元素 14.Function:js中一切都是对象,连方法都是1个对象!! ...

    oracle学习文档 笔记 全面 深刻 详细 通俗易懂 doc word格式 清晰 连接字符串

    填写电子邮件地址(可以不填),去掉复选框,点击下一步 3. 步骤2/9:选择安装选项 勾选第一个,安装和配置数据库,点击下一步 4. 步骤3/8:选择系统类 勾选第一个:桌面类,点击下一步 5. 步骤4/8:配置数据库...

    selectize.js:Selectize是文本框和框。它基于jQuery,并具有自动完成功能和原生键盘导航功能;用于标记,联系人列表等

    一次选择并删除多个项目(在Mac上为“按住”选项,在Windows中为“ ctrl ”)以选择多个要删除的项目。 Díåcritîçs支持非常适合国际环境。 项目创建允许用户即时创建项目(支持异步保存;控件将锁定,直到...

    Microsoft SQL Server 2005 Express Edition SP3

    在“安全设置”下,选中所有复选框。 验证是否已将“DTC 登录帐户”名称设置为 NT AUTHORITY\NetworkService。 [顶部] 3.6 默认情况下不安装示例数据库 默认情况下,不在 SQL Server Express 中安装示例数据库...

    大名鼎鼎SWFUpload- Flash+JS 上传

     SWFUpload是一个客户端文件上传工具,最初由Vinterwebb.se开发,它通过整合Flash与JavaScript技术为WEB开发者提供了一个具有丰富功能继而超越传统&lt;input type="file" /&gt;标签的文件上传模式。 [编辑本段]SWFUpload...

    VB课程设计俄罗斯方块

    If n(0) - 18 &gt;= 2 And n(3) + 9 &lt;= 198 Then If cmdfang(n(0) - 18).Visible = False And _ cmdfang(n(1) - 9).Visible = False And _ cmdfang(n(3) + 9).Visible = False Then hidefang 0 n(0) = n(0) - 18 ...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    +TreeNode的前面的多选框可以自动回发了。 -为TreeNode增加AutoPostBack属性,增加事件数据类TreeCheckEventArgs,为Tree增加事件NodeCheck。 -示例在:http://extasp.net/data/tree_run.aspx -Grid增加...

    [php框架]非官方_Kohana_3_中文译本.zip

    ■如何创建一个多选框 如何创建一个单选框 ■如何创建一个文本区域 如何创建一个选择域和下拉菜单 ■如何创建一个表单按钮 如何创建表单标签 表单验证 如何使用日期类 Kohana date类是一个表单助手。它用来帮助处理...

    计算机应用技术(实用手册)

    此项目可选择硬盘开机的优先级,按下&lt;Enter&gt;的按键,你可以进入它的子选单,它会显示出已侦测到可以让您选择开机顺序的硬盘,以用来启动系统。当然,这个选项要在你安装了两块或者两块以上的系统才能选择! HDD ...

    ExtAspNet_v2.3.2_dll

    +TreeNode的前面的多选框可以自动回发了。 -为TreeNode增加AutoPostBack属性,增加事件数据类TreeCheckEventArgs,为Tree增加事件NodeCheck。 -示例在:http://extasp.net/data/tree_run.aspx -Grid增加...

Global site tag (gtag.js) - Google Analytics