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

淘尽网 官方博客

淘尽网http://www.tao3w.com做最好的比价网站

 
 
 

日志

 
 
关于我

淘尽网 http://www.tao3w.com 做最好的比价网站,做最好的数据抓取专家。

网易考拉推荐

可修改的select表单  

2014-12-31 10:40:03|  分类: javascript |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
使用input模拟,代码如下
<input type="text" name="title" id="sel2" validate="required:true">
                <ul id="selectDown" style="display: none;">
                    <volist name="plastic_diary_list" id="vo">
                        <li><a onclick="setValue(this)" href="javascript:void(0);" id="L_freemail" title="{$vo.title}" data="{$vo.id}">{$vo.title}</a></li>
                    </volist>
                </ul>
                <script>
                function setValue(obj)
                {
                    document .getElementById('sel2').value =  obj.getAttribute('title');
                   
                }
                window.onload=function(){
                    function $(id){
                        return document.getElementById(id);
                    }
                    var oSpan=$('sel2');
                    var aUl=$('selectDown');
                    var aLi=$('selectDown').getElementsByTagName('li');
                    oSpan.onclick = function(ev){
                        var ev = ev || window.event;
                        if(aUl.style.display == 'none'){
                            aUl.style.display = 'block'
                        }
                        else{
                            aUl.style.display = 'none'
                        }
                        ev.cancelBubble = true;
                    }
                    document.onclick=function(){
                       
                        if(aUl.style.display == 'block'){
                            aUl.style.display = 'none'
                        }
                    }
                    for(i=0;i<aLi.length;i++){
                        aLi[i].onclick=function(){
                            oSpan.innerHTML = this.getElementsByTagName('a')[0].innerHTML; 
                           
                        }
                    }
                }
                </script>
  评论这张
 
阅读(133)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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