asp中怎么实现通过改变一个下拉菜单的值,后面的网页内容也改变?
4楼
右边放一个DIV
写个函数,通过下拉的onchange事件调用
根据不同的值改变DIV的innerHtml
5楼
我有一个比较笨的办法
function aaa(str)
if str=??? then ss=1
if str=??? then ss=2
...
end function
if str=1 then
...右边输出项
end if
if str=2 then
...右边输出项
end if
调用函数时用onchange="aaa(this.value)"
6楼
你的类是从数据库中读取的么,建议把文件框的名称内容都统一,这样做如果你的类太多也是个麻烦事...
7楼
比較同意 king2410(什么都不懂) 的看法:
右边放一个DIV
写个函数,通过下拉的onchange事件调用
根据不同的值改变DIV的innerHtml
8楼
用JS不好吗
9楼
放心了 我的类是固定的 不会很多 呵呵
10楼
<select name=test onchange=test()>
</select>
<script language=javascript>
function test()
{
//TODO Your Code
}
</script>
11楼
把每个下拉框需要的文本框都放一个div中隐藏,然后在用下拉的onchange事件改变当前需要的div的隐藏属性
不会写代码啊 给个例子
12楼
根据onchange控制innerHTML应该比较有效率
13楼
把每个下拉框需要的文本框都放一个div中隐藏,然后在用下拉的onchange事件改变当前需要的div的隐藏属性
例子:
<script language="javascript">
function sc(a)
{
var obb=document.getElementsByTagName("div");
if(a!="")
{
var obj=document.getElementById('div'+a);
for(var i=0;i<obb.length;i++)
{if(obb[i].id!=obj.id){obb[i].style.display="none";}else{obb[i].style.display="";}}
}
else
{
for(var i=0;i<obb.length;i++)
{obb[i].style.display="none";}
}
}
</script>
<form name="form1">
<select name="sel" onChange="sc(this.options[this.selectedIndex].value)">
<option>请选择</option>
<option value="1">显示层1</option>
<option value="2">显示层2</option>
<option value="3">显示层3</option>
<option value="4">显示层4</option>
</select>
</form>
<div id="div1" style="display:none; ">这是层1</div>
<div id="div2" style="display:none; ">这是层2</div>
<div id="div3" style="display:none; ">这是层3</div>
<div id="div4" style="display:none; ">这是层4</div>
14楼
根据onchange控制innerHTML例子:
<script language="javascript">
function sc(a){
if (a.value != "0"){
div1.innerHTML = "正在装载数据...";
switch (a.value){
case "1":
div1.innerHTML = "层1的内容";
break;
case "2":
div1.innerHTML = "层2的内容";
break;
case "3":
div1.innerHTML = "层3的内容";
break;
case "4":
div1.innerHTML = "层4的内容";
break;
default:
div1.innerHTML = "没有您所需要的数据!";
}
}
}
</script>
<select name="sel" onChange="sc(this)">
<option value="0">请选择</option>
<option value="1">显示内容1</option>
<option value="2">显示内容2</option>
<option value="3">显示内容3</option>
<option value="4">显示内容4</option>
</select>
<div id="div1">这里显示内容</div>
根据需要中间显示内容的部分还可以做成通过XML动态读取
留言区(共0条)