选择下拉框，显示不同的内容。

[zhaoyijuan]

一个下拉框，有三十个选项，选择下拉框后，出现的内容不一样。可以用JS控制div的显示与隐藏，但是有三十个选项，控件至少在五十个以上，这样页面会很大，JS也会比较多，有什么其他好办法吗？

[longhaichang923]

可以用datagride，根据选择的条件查询显示。

[cheng_feng001]

用Ajax动态加载div内容

[Ador3]

但是有三十个选项，控件至少在五十个以上，这样页面会很大?
为什么要那么多控件？
一个控件不能显示吗？

[zhaoyijuan]

longhaichang923：不能查询显示啊，显示的不光是文字啊。将会是文本框之类的控件。这不是上策吧。
cheng_feng001：我也想过，并且有用。但是没有取到控件的value。我是这么写的，拜托帮我看一下。
<script language="javascript">
function selectOnChange(v){
var url = v;
var myAjax = new Ajax.Updater('dynamic_div',url,{
method:"get",
onComplete:changeDiv,
onFailure:function(r){
alert('failure');
}
});
}
function changeDiv(response){
alert('success');
}
</script>
<table width="100%">
<tr>
<td style="height: 20px" width="20%">
</td>
<td align="left" style="height: 20px">
</td>
</tr>
<tr>
<td style="height: 20px" width="20%">
</td>
<td align="left" style="height: 20px">
<select id="Select1" onchange="selectOnChange(this.value)">
<option>请选择。。。</option>
<option value="active1.aspx">aaa</option>
<option value="active2.aspx">bbb</option>
<option value="active3.aspx">ccc</option>
</select>
</td>
</tr>
<tr>
<td style="height: 20px" width="20%">
</td>
<td style="height: 20px">
<div id="dynamic_div"></div>
</td>
</tr>
</table>
Ador3：可能我没有表述清楚。比如添加，选1和选2所要添加的项不一样。一共有三十多个选项。所以不能是一个控件。

[zhaoyijuan]

把将要显示的项存入数据库，然后根据下拉框的选择，动态加载控件，这样做行吗。

[zhaoyijuan]

[Quote=引用 4 楼 zhaoyijuan 的回复:]
longhaichang923：不能查询显示啊，显示的不光是文字啊。将会是文本框之类的控件。这不是上策吧。
cheng_feng001：我也想过，并且有用。但是没有取到控件的value。我是这么写的，拜托帮我看一下。
<script language="javascript">
function selectOnChange(v){
var url = v;
var myAjax = new Ajax.Updater('dynamic_div',url,{
method:"get",
onComplete:changeDiv,…
[/Quote]
补充：页面上还得加个JS…
<script type="text/javascript" src="../js/prototype.js" ></script>