WEB开发网
开发学院网页设计JavaScript Javascript - Select操作大集合 阅读

Javascript - Select操作大集合

 2010-09-14 13:18:56 来源:WEB开发网   
核心提示:1、向Select里添加Optionfunction fnAddItem(text,value){var selTarget = document.getElementById("selID");selTarget.Add(new Option("text","valu

1、向Select里添加Option

function fnAddItem(text,value)
    {
      var selTarget = document.getElementById("selID");
      selTarget.Add(new Option("text","value"));
    }

2、删除Select里的Option

function fnRemoveItem()
    {
      var selTarget = document.getElementById("selID");
      if(selTarget.selectedIndex > -1)
      {//说明选中
        for(var i=0;i<selTarget.options.length;i++)
        {
          if(selTarget.options[i].selected)
          {
            selTarget.remove(i);
            i = i - 1;//注意这一行
          }
        }
      }
    }
3、移动Select里的Option到另一个Select中

    function fnMove(fromSelectID,toSelectID)
    {
      var from = document.getElementById(fromSelectID);
      var to = document.getElementById(toSelectID);
      for(var i=0;i<from.options.length;i++)
      {
        if(from.options[i].selected)
        {
          to.appendChild(from.options[i]);
          i = i - 1;
        }
      }
    } 

1 2 3  下一页

Tags:Javascript Select 操作

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接