树形下拉列表如何实现，高手指教（急）

xhyaoly1982 2008-04-27 04:01:31

各位高手，谁能提供一个树形下拉列表的代码？小弟急用，谢谢了啊。
用SELECT下拉框做。

...全文

269 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

xxladbadboy 2008-04-27

打赏
举报

顶个~~好长的html，<div>也可以实现树状结构吗？我还以为只是用来分块的呢~~

KKK2007 2008-04-27

打赏
举报

<div class=tree_3>福建省（闽）</div>
<div class=tree_3>江西省（赣）</div>
<div class=tree_add onMouseOver="line(this)" onMouseOut="delline(this)" onClick="showtree('state_shandong')">山东省（鲁） <span id=span_state_shandong style="color:gray">+</span></div>
<div id=state_shandong_value class=tree_2 style="display:none">
<div class=tree_add onMouseOver="line(this)" onMouseOut="delline(this)" onClick="showtree('city_rizhao')">日照市 <span id=span_city_rizhao style="color:gray">+</span></div>
<div id=city_rizhao_value class=tree_2 style="display:none">
<div class=tree_3>莒县</div>
</div>
</div>

<div class=tree_3>河南省（豫）</div>
<div class=tree_3>湖北省（鄂）</div>

<div class=tree_add onMouseOver="line(this)" onMouseOut="delline(this)" onClick="showtree('state_hunan')">湖南省（湘） <span id=span_state_hunan style="color:gray">+</span></div>
<div id=state_hunan_value class=tree_2 style="display:none">
<div class=tree_add onMouseOver="line(this)" onMouseOut="delline(this)" onClick="showtree('city_huaihua')">怀化市 <span id=span_city_huaihua style="color:gray">+</span></div>
<div id=city_huaihua_value class=tree_2 style="display:none">
<div class=tree_3>通道县</div>
</div>
<div class=tree_add onMouseOver="line(this)" onMouseOut="delline(this)" onClick="showtree('city_changsha')">长沙市 <span id=span_city_changsha style="color:gray">+</span></div>
<div id=city_changsha_value class=tree_2 style="display:none">
<div class=tree_3>长沙县</div>
</div>
<div class=tree_add onMouseOver="line(this)" onMouseOut="delline(this)" onClick="showtree('city_shaoyang')">邵阳市 <span id=span_city_shaoyang style="color:gray">+</span></div>
<div id=city_shaoyang_value class=tree_2 style="display:none">
<div class=tree_3>邵东县</div>
</div>
<div class=tree_add onMouseOver="line(this)" onMouseOut="delline(this)" onClick="showtree('city_changde')">常德市 <span id=span_city_changde style="color:gray">+</span></div>
<div id=city_changde_value class=tree_2 style="display:none">
<div class=tree_3>汉寿县</div>
</div>
</div>

<div class=tree_3>广东省（粤）</div>
<div class=tree_3>海南省（琼）</div>
<div class=tree_3>四川省（川、蜀）</div>
<div class=tree_add onMouseOver="line(this)" onMouseOut="delline(this)" onClick="showtree('state_guizhou')">贵州省（黔、贵） <span id=span_state_guizhou style="color:gray">+</span></div>
<div id=state_guizhou_value class=tree_2 style="display:none">
<div class=tree_add onMouseOver="line(this)" onMouseOut="delline(this)" onClick="showtree('city_bijie')">毕节市 <span id=span_city_bijie style="color:gray">+</span></div>
<div id=city_bijie_value class=tree_2 style="display:none">
<div class=tree_3>纳雍县</div>
</div>
</div>
<div class=tree_3>云南省（滇、云）</div>
<div class=tree_3>陕西省（陕、秦）</div>
<div class=tree_3>甘肃省（甘、陇）</div>
<div class=tree_3>青海省（青）</div>
<div class=tree_3>台湾省（台）</div>
</div>
<br><br>

<div class=tree_1 onmouseover="line(this)" onMouseOut="delline(this)" onClick="showtree('autonomous')">自治区 <span id=span_autonomous style="color:gray">+</span></div>
<div id=autonomous_value class=tree_2 style="display:none">
<div class=tree_3>广西壮族自治区（桂）</div>
<div class=tree_3>内蒙古自治区（蒙）</div>
<div class=tree_3>西藏自治区（藏）</div>
<div class=tree_3>宁夏回族自治区（宁）</div>
<div class=tree_3>新疆维吾尔自治区（新）</div>
</div>
<br><br>

<div class=tree_1 onmouseover="line(this)" onMouseOut="delline(this)" onClick="showtree('specially')">特别行政区 <span id=span_specially style="color:gray">+</span></div>
<div id=specially_value class=tree_2 style="display:none">
<div class=tree_3>香港特别行政区（港）</div>
<div class=tree_3>澳门特别行政区（澳）</div>
</div>
<br><br>
</td>
</tr>
</table>
</html>
图片自己弄吧,把不上来

KKK2007 2008-04-27

打赏
举报

KKK2007 2008-04-27

打赏
举报

太长,分两次了
<html><HEAD><TITLE>全国地区树形列表</TITLE>
<META http-equiv=Content-Type content="text/html; charset=GB2312">
<style>
td{font-size:12px}
div{font-family:宋体}
div.tree_add{background:url(treeline_2.gif) no-repeat left;padding-left:24px;padding-top:3px;color:blue;cursor:hand}
div.tree_1{background:url(ico_top1.gif) no-repeat left middle;padding-top:3px;font-size:15px;padding-left:20px;cursor:hand;color:blue}
div.tree_2{padding-left:100px;background:url(treeline_1.gif) 100px repeat-y;font-size:14px}
div.tree_3{background:url(treeline_2.gif) no-repeat left;padding-left:24px;padding-top:3px}
</style>
<script>

</script>
</HEAD>

xhyaoly1982 2008-04-27