js中的listbox

原创 2006年05月26日 10:57:00

js中的listbox

<script language=javascript>
<!--
    function dosall()
    {
        var i = 0;
        var len = document.frmxx.dxry.options.length;
   
        for(i=0;i<len;i++){
            var e = document.createElement("option");
            e.value = document.frmxx.dxry.options[i].value;
            e.text = document.frmxx.dxry.options[i].text;
            document.frmxx.yxry.add(e);
        }
       
        for(i=0;i<len;i++){
            document.frmxx.dxry.remove(0);
        }
    }
   
    function dosone()
    {
        var e = document.createElement("option");
        e.value = document.frmxx.dxry.options[document.frmxx.dxry.selectedIndex].value;
        e.text = document.frmxx.dxry.options[document.frmxx.dxry.selectedIndex].text;
        document.frmxx.yxry.add(e);
        document.frmxx.dxry.remove(document.frmxx.dxry.selectedIndex);
    }
   
    function dodsone()
    {
        var e = document.createElement("option");
        e.value = document.frmxx.yxry.options[document.frmxx.yxry.selectedIndex].value;
        e.text = document.frmxx.yxry.options[document.frmxx.yxry.selectedIndex].text;
        document.frmxx.dxry.add(e);
        document.frmxx.yxry.remove(document.frmxx.yxry.selectedIndex);
    }
   
    function dosnone()
    {
        var i = 0;
        var len = document.frmxx.yxry.options.length;
       
        for(i=0;i<len;i++){
            var e = document.createElement("option");
            e.value = document.frmxx.yxry.options[i].value;
            e.text = document.frmxx.yxry.options[i].text;
            document.frmxx.dxry.add(e);
        }
        for(i=0;i<len;i++){
            document.frmxx.yxry.remove(0);
        }
    }
   
   
   
   
-->
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link rel="stylesheet" href="css/main.css">
<title>选择轮阅部门</title>
</head>

<body topmargin="0" leftmargin="0" oncontextmenu="return false" onselectstart="return false" ondragstart="return false" >

<table width=470 border=0 align=center cellpadding=0 cellspacing=0 style="margin-left:7px">
    <tr>
        <td>
        <form method=post name=frmxx id=frmxx>
        <table width="100%" align=center>
            <tr align=center style="font-size:12px">
                <td>可选部门</td>
                <td> </td>
                <td>已选部门</td>
            </tr>
            <tr align=center>
                <td>
                    <select id=dxry name=dxry style="display:inline;width: 100%" size=9 rows=9 ondblclick="dosone()">
                   
                        <option value="3002">办公室</option>
                   
                        <option value="3003">政策法规处</option>
                   
                        <option value="3004">组织宣传处</option>
                   
                        <option value="3005">人事处</option>
                   
                        <option value="3006">计划财务处</option>
                   
                        <option value="3008">高教师训处</option>
                   
                        <option value="3009">高校办</option>
                   
                        <option value="3010">基教处</option>
                   
                        <option value="3011">团工委</option>
                   
                        <option value="3012">语委办</option>
                   
                        <option value="3013">职成教处</option>
                   
                        <option value="3014">体艺卫处</option>
                   
                        <option value="3015">督导处</option>
                   
                        <option value="3016">高招办</option>
                   
                        <option value="3017">监察审计室</option>
                   
                        <option value="3018">教育工会</option>
                   
                        <option value="3020">机关党委</option>
                   
                        <option value="3035">国际交流处</option>
                   
                        <option value="3036">妇委会</option>
                   
                    </select>
                </td>
                <td valign=center width=40>
                        <span valign=center>
                       
                    <input type=button class=button value="全选&gt;&gt;" id=bsall name=bsall onClick="dosall()">
                    <input type=button class=button value="选中 &gt;" id=AA name=AA onClick="dosone()">
                    <input type=button class=button value="&lt; 清除" id=BB name=BB onClick="dodsone()">
                    <input type=button class=button value="&lt;&lt;全清" id=bsnone name=bsnone onClick="dosnone()">
                </td>
                <td>
                    <select id=yxry name=yxry style="display:inline;width: 100%" size=9 rows=9 ondblclick="dodsone()">
                       
                    </select>
                </td>
            </tr>
            <tr>
                <td align=center valign="bottom" height="30" colspan=3>
                    <input type=button value=确定 name="bQD" id="bQD" onClick="vbscript:doSave">  
                    <input type=button value=取消 name="bFQ" id="bFQ" onclick='vbscript:window.close'>
                </td>
            </tr>
        </table>
        </form>
       
       
        </td>
    </tr>
   
</table>

</body>
</html>

js操作listbox

 选择人员或者部门或其他时,经常会用到2个listbox,下面这js代码,希望能给大家以及自己带来方便 function SelectAll()        ...{            var ...
  • EndPoint
  • EndPoint
  • 2007年10月25日 11:06
  • 787

js操作ListBox实现多项的添加和删除

//添加多个项到另一个ListBox中去function add(res,sel){ var objres=document.getElementById(res); var objsel=d...
  • bestchen_1
  • bestchen_1
  • 2009年09月09日 12:44
  • 4033

ListBox 在Javascript 中的使用

下面是一个完整的例子:    function dosall()    {        var i = 0;        var len = document.frmxx.dxry.options...
  • So_CooL
  • So_CooL
  • 2006年09月12日 11:17
  • 3633

JS ListBox动态加载数据

       因项目需要,需要从listbox取出部分信息进行加载。原理为当body初始化时将全部数据保存到一个隐藏的listbox中,通过在body指定onload执行的函数。当用户选择部门时,首先...
  • striveman
  • striveman
  • 2008年08月07日 18:30
  • 5384

ListBox修改赋值

有办法解决的,用自绘方式,可以触发 OnDrawItem,然后就可以取出当前选择的Item值 1、设置ListBox.Sytle=lbOwnerDrawFixed 2、在 OnDrawItem 事件中...
  • genispan
  • genispan
  • 2008年11月24日 00:03
  • 2473

把一个listbox中的item移动到另一个listbox里

主要作用是把一个listbox中的item移动到另一个listbox里,并改变listbox中item的数据库中的属性值(归属)。客户端放两个listbox,支持多选,两个listbox中间放两个bu...
  • pigHead_chen
  • pigHead_chen
  • 2010年09月27日 11:14
  • 1701

MFC控件:listbox控件用法详解

获取选中项的字符串: CString strText; int nIndex = m_listbox.GetCurSel(); m_listbox.GetTex...
  • ccx_john
  • ccx_john
  • 2013年09月15日 10:27
  • 5479

WPF之ListBox用法之一

介绍ItemTemplate用法以及在ItemTemplate模板中使用ListBoxItem属性的方法。 实现如下效果(点击某一项的时候该项图片进行放大): C#代码: using Syste...
  • lk13962517093
  • lk13962517093
  • 2014年03月25日 00:10
  • 5908

HTML中类似于ListBox的控件

关键在于在select中加入属性multiple="true"  爱情片 动作片 战争片 恐怖片 喜剧片 伦理片 电视剧 动画片 其它...
  • ljgllxyz
  • ljgllxyz
  • 2012年08月17日 13:41
  • 13406

WPF ListBox

一、ListBox系列索引 1、WPF ListBox基础(包括ListBox多列展示,ListBox实现分页效果,ListBox绑定XML数据源) 2、ListBox 单击变大动画效果(使用模板...
  • Samsone
  • Samsone
  • 2012年01月12日 09:43
  • 39242
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js中的listbox
举报原因:
原因补充:

(最多只允许输入30个字)