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

zhaoyijuan 2008-07-09 05:42:25
一个下拉框,有三十个选项,选择下拉框后,出现的内容不一样。可以用JS控制div的显示与隐藏,但是有三十个选项,控件至少在五十个以上,这样页面会很大,JS也会比较多,有什么其他好办法吗?
...全文
628 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
zhaoyijuan 2008-07-09
  • 打赏
  • 举报
回复
[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>
zhaoyijuan 2008-07-09
  • 打赏
  • 举报
回复
把将要显示的项存入数据库,然后根据下拉框的选择,动态加载控件,这样做行吗。
zhaoyijuan 2008-07-09
  • 打赏
  • 举报
回复
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所要添加的项不一样。一共有三十多个选项。所以不能是一个控件。
Ador3 2008-07-09
  • 打赏
  • 举报
回复
但是有三十个选项,控件至少在五十个以上,这样页面会很大?
为什么要那么多控件?
一个控件不能显示吗?

cheng_feng001 2008-07-09
  • 打赏
  • 举报
回复
用Ajax动态加载div内容
longhaichang923 2008-07-09
  • 打赏
  • 举报
回复
可以用datagride,根据选择的条件查询显示。

110,043

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术 C#
社区管理员
  • C#
  • Web++
  • by_封爱
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

让您成为最强悍的C#开发者

试试用AI创作助手写篇文章吧