怎么默认显示一个下拉选的内容呀!点击下拉选会出现不同的内容!

采用jquery函数如何写呀!求解答呀!例如:点击医院,出现了急诊科和重症科两个下拉选,点击急症科则显示了1,2,3,点击重症科则出现了a,b,c
写一个function函数呀!默认只显示一个下拉选和他的内容!急求解答!

点击医院时通过触发事件到数据库查询123,返回到页面。点击重症科同样的道理。

** HTML代码**


*短信类型:


==请选择类型==
<#list typeList as t>
${t.name}
</#list>

  





JavaScript代码

$(function(){ $("#second").hide(); //初始化的时候第二个下拉列表隐藏 $("#first").change(function(){ //当第一个下拉列表变动内容时第二个下拉列表将会显示 var parentId=$("#first").val(); if(null!= parentId && ""!=parentId){ $.getJSON("http://localhost/msg/getSecondTypesJson",{id:parentId},function(myJSON){ var options=""; if(myJSON.length>0){ options+="<option value=''>==请选择类型==</option>"; for(var i=0;i<myJSON.length;i++){ options+="<option value="+myJSON[i].id+">"+myJSON[i].name+"</option>"; } $("#area").html(options); $("#second").show(); } else if(myJSON.length<=0){ $("#second").hide(); } }); } else{ $("#second").hide(); } }); });

希望能够帮到你!

这个发不出去啊= =

select结合div显示/隐藏

弄个change函数,,就可以实现了,,