HTML/JS/CSS实现的ComboBox

2010-06-09 10:13 by hackerzhou

实现方案1：

使用一个select和一个input叠加而成，比较简单，解决了点击相同的option不触发onchange的问题，只要在每次onclick的时候把select的selectindex设置为-1就行了。

实现方案2：
使用input和div构成，具有提示功能，遇到的主要问题：

1.嵌套的div中子div会相应父div的onmouseover,onmouseout事件，导致菜单无法按照要求收缩
解决方法：在父div中同时定义onmouseout=”hideObj(this)”和onmouseover=”showObj(this)”事件，这样移出一个子div会触发一个onmouseout，但是如果移入另一个子div，会触发一个onmouseover

2.ajax效果的实现，之前做了一个比较傻的实现方式，就是写父div的innerHTML，虽然也实现效果了，但是比较麻烦，代码也显得猥琐，故修改成对div的className进行指定

本文基于 署名 2.5 中国大陆 许可协议发布，欢迎转载，演绎或用于商业目的，但是必须保留本文的署名 hackerzhou 并包含 原文链接。
发表评论

本文有 2 条评论

  1. LuoPei
    2011-02-27 22:34

    您好,能否给出方案一的具体实现方法.我刚接触Web方面的东西还不是太清楚还在对控件的属性进行了解.先谢谢了.

    [回复]
    • hackerzhou
      2011-02-27 22:40

      代码我手头没有，如果你刚刚接触的话还是不要做这个，毕竟这个需要对js，css等很熟悉以后才能做的出来

      [回复]

发表评论