注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

骇客归来

ぁ枫あ

 
 
 

日志

 
 

用Javascript操作Select  

2007-02-14 20:24:44|  分类: Javascript |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    <script type="text/javascript">
        var opts = ['haiker','hacker'];
        var opts2 = {"name":"haiker","sex":"male"}
        function addOption() {
            var opt ;
            var sel = $('sel');
            var objs = eval(opts2);
            for(var p in objs) {
                opt = new Option(objs[p], p);
                sel.options[sel.options.length] = opt;
            }
        }
        
        function show() {
            var s="";
            var sel = $('sel');
            for(var p in sel) {
                s += p + "=" + sel[p] + "<br>";
            }
            document.write(s);
        }
        
        var $;
        if (!$ && document.getElementById) {
          $ = function() {
            var elements = new Array();
            for (var i = 0; i < arguments.length; i++) {
              var element = arguments[i];
              if (typeof element == 'string') {
                element = document.getElementById(element);
              }
              if (arguments.length == 1) {
                return element;
              }
              elements.push(element);
            }
            return elements;
          }
        }
        else if (!$ && document.all) {
          $ = function() {
            var elements = new Array();
            for (var i = 0; i < arguments.length; i++) {
              var element = arguments[i];
              if (typeof element == 'string') {
                element = document.all[element];
              }
              if (arguments.length == 1) {
                return element;
              }
              elements.push(element);
            }
            return elements;
          }
        }
        
        function delOption() {
            var sel = $('sel');
            sel.options.length = 0;
        }
        
        function transfer(fromid, toid) {
            var from = $(fromid);
            var to = $(toid);
            
            for(var i = 0; i < from.options.length; i++) {
                var opt = from.options[i];
                if(opt.selected) {
                    to.options[to.options.length] = new Option(opt.text, opt.value);
                    from.options[i] = null;
                    i--;
                }
            }
        }
        
        function delSelOption() {
            var from = $('sel');
            for(var i = 0; i < from.options.length; i++) {
                var opt = from.options[i];
                if(opt.selected) {
                    from.options[i] = null;
                    i--;
                }
            }
        }
        
        function delSignleOption() {
            var from = $('single');
            from.options[from.selectIndex] = null;
            for(var i = 0; i < from.options.length; i++) {
                var opt = from.options[i];
                if(opt.selected) {
                    from.options[i] = null;
                    i--;
                }
            }
        }
    </script>
</head>

<body>

<form>

    <select multiple size="5" width="50">
        <option value="s">s</option>
    </select>
    <select multiple size="5" width="50">
        <option value="s">s</option>
    </select>
    <select size="5" width="50">
        <option value="s">s1</option>
        <option value="s">s2</option>
        <option value="s">s3</option>
        <option value="s">s4</option>
        <option value="s">s5</option>
        <option value="s">s6</option>
    </select>
    <input type="button" value="addOption" >
    <input type="button" value="deleteAllOptions" >
    <input type="button" value="deleteSelectOptions" >
    <input type="button" value="deleteSingleOption" >
    <input type="button" value="showSelected" >
    <input type="button" value="->" sel', 'to');">
    <input type="button" value="<-" to', 'sel');">    
    <div style="cursor:pointer">False Link</div>
</form>

</body>
</html>

  评论这张
 
阅读(98)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017