用Javascript 实现的Dual listbox

新客网 XKER.COM 2006-07-17 来源： 收藏本文

        <option>图片新闻</option>
        <option>专题要闻</option>
        <option>十万个为什么</option>
        <option>代码测试</option>
        <option>www.why100000.com</option>
      </select>
    </td>
  </tr>
  </table>
  </form>

  <script language="JavaScript">
   function MoveSingleItem(sel_source, sel_dest)
   {
     if (sel_source.selectedIndex==-1)  //源：没有点选任何项目
     return;

   if (sel_source.options[0].text=="无") //源：只有“无”项目
     return;

   if (sel_dest.options[0].text=="无") //目标：只有“无”项目，则先删除该提示性项目
     sel_dest.options.remove(0);

   var SelectedText = sel_source.options[sel_source.selectedIndex].text;
   sel_dest.options.add(new Option(SelectedText));
   sel_source.options.remove(sel_source.selectedIndex);

   if (sel_source.options.length==0)  //源：如果删除完所有有用项目，则添加提示项目：“无”
     sel_source.options.add(new Option("无"));
   }

   function MoveAllItems(sel_source, sel_dest)
   {
     if (sel_source.options[0].text=="无") //源：只有“无”项目
     return;

     if (sel_dest.options[0].text=="无")   //目标：只有“无”项目，则先删除该提示性项目
     sel_dest.options.remove(0);

   //首先拷贝所有项目到目标：
   var sel_source_len = sel_source.length;
   for (var j=0; j<sel_source_len; j++)
   {
     var SelectedText = sel_source.options[j].text;
     sel_dest.options.add(new Option(SelectedText));
   }

   //然后删除“源”所有项目：
   while ((k=sel_source.length-1)>=0)
   {
     if (sel_source.options[0].text=="无") //源：只有“无”项目
       break;
     sel_source.options.remove(k);
     if (sel_source.options.length==0)  //源：如果删除完所有有用项目，则添加提示项目：“无”
       sel_source.options.add(new Option("无"));
   }
   }

   function SelectAll(theSel)  //选中select中全部项目
   { for (i = 0 ;i<theSel.length;i++)
      theSel.options[i].selected = true;
   }
  </script>

    作者信息：
    张庆 zhangking@263.net
    http://www.why100000.com
    http://soft.why100000.com

 

• ·代码保留 IE8中如何添加Activity
• ·Firefox浏览器兼容JS脚本供参考
• ·Solaris Prom状态命令与参数
• ·用JavaScript刷新框架子页面的方法
• ·JavaScript/JS实现标题栏跑马灯
• ·用JS得到字符串中出现次数最多的字母
• ·JavaScript中split函数使用方法
• ·Javascript代码直接调用计算机中的程序
• ·JavaScript中small函数
• ·JavaScript静态页面值传递之Cookie篇
• ·Javascript的一种模块模式
• ·Javascript数组 sort方法的分析
• ·JavaScript技巧:让网页自动穿上外套
• ·JavaScript教程:框架的概念及如何访问
• ·Javascript 最简单检测网速的方法和应用
• ·用JScript.net写.net应用程序