asp中怎么实现通过改变一个下拉菜单的值,后面的网页内容也改变?

商帝国咨询头像

阅读 7061 | 分类:文章

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条)

暂无留言,快来抢占沙发~
作者声明:非原创
平台声明:文章及评论仅代表作者本人观点,五略商书系信息发布平台,仅提供信息存储空间服务,如有侵权,请联系13521509118。转载请注明作者和出处:转自五略商书m.shangdiguo.com,作者商帝国咨询!