select 多级下拉框如何去做？

现有一个下拉框，如下面代码，我想实现下拉框test2后面继续有子菜单
test2.1，test2.2，test2.3...，然后可以获取value值， 类似于

<ul>
<li>1</li>
<li>
2
<ul>
<li>2.1</li>
</ul>
</li>
</ul>

但是这种，当我选中1.1时，不好获取值，
所以还是想用select标签方式实现，有没有好的办法，之前在网上似乎看到过，
无奈，找不到了。。。需求帮助，插件也行

 <select id="test1" name="test">
                                <option value="">--please choose--</option>
                                <option value="1">test1</option>
                                <option value="2">test2</option>
                                <option value="3">test3</option>
                                <option value="4">test4</option>

</select>

http://www.htmleaf.com/plus/search.php 这里面去找找吧

没一级菜单隐藏在上一级菜单的条目中 适配器中每个listview 点击事件点击时启动下一级菜单适配并显示。

1


1
2

我做的时候就是在input里放棵树，想要多少子菜单就有多少。下面是ztree插件的地址：http://www.treejs.cn/v3/main.php#_zTreeInfo

多级联动，傻瓜一点的插件就用cxSelect，我现在就用这个

用easyui的树不行吗？

看你前面你是要实现下拉还是导航那样的tab切换效果

谢谢大家 ，问题已解决，我已整理了下代码，并将代码上传到了资源，有需要的可自行下载 http://download.csdn.net/download/apbbbbb/10223008

下拉树可以combotree,bootstrap-multiselect

option里再套一个select