通过下拉框来显示对应的内容。_html/css_WEB-ITnose

比如,我有下拉框

  1.     --请选择--    显示内容1    显示内容2    显示内容3  

登录后复制

比如我选择下拉框“显示内容1”,就在右边显示内容1相关的内容。。
比如我选择下拉框“显示内容2”,就在右边显示内容2相关的内容。。

求html代码。。

回复讨论(解决方案)

右边 是什么

右边 是什么

右边就是显示的内容,随便是什么都可以。

$(document).ready(function(){
$(“#sel”).change(function(){
var flag = $(this).val();
switch(flag){
case ‘1’:
$(“#content”+flag).show().siblings(‘div’).hide();
break;
case ‘2’:
$(“#content”+flag).show().siblings(‘div’).hide();
break;
case ‘3’:
$(“#content”+flag).show().siblings(‘div’).hide();
break;
default:
$(“div”).hide();
alert(“未选择”);
}
});
});

  
  
  

    
    –请选择–
    显示内容1
    显示内容2
    显示内容3
    
  content1
  content2
  content3
  

$(document).ready(function(){
$(“#sel”).change(function(){
var flag = $(this).val();
switch(flag){
case ‘1’:
$(“#content”+flag).show().siblings(‘div’).hide();
break;
case ‘2’:
$(“#content”+flag).show().siblings(‘div’).hide();
break;
case ‘3’:
$(“#content”+flag).show().siblings(‘div’).hide();
break;
default:
$(“div”).hide();
alert(“未选择”);
}
});
});

  
  
  

    
    –请选择–
    显示内容1
    显示内容2
    显示内容3
    
  content1
  content2
  content3
  
非常感谢。

 

  1. nbsp;html>function changeValue(e){if(e.selectedIndex!=0){document.getElementById("showValue").value=e.options[e.selectedIndex].text;}else{document.getElementById("showValue").value='';}}    --请选择--    显示内容1    显示内容2    显示内容3  

登录后复制

$(document).ready(function(){
$(“#sel”).change(function(){
var flag = $(this).val();
switch(flag){
case ‘1’:
$(“#content”+flag).show().siblings(‘div’).hide();
break;
case ‘2’:
$(“#content”+flag).show().siblings(‘div’).hide();
break;
case ‘3’:
$(“#content”+flag).show().siblings(‘div’).hide();
break;
default:
$(“div”).hide();
alert(“未选择”);
}
});
});

  
  
  

    
    –请选择–
    显示内容1
    显示内容2
    显示内容3
    
  content1
  content2
  content3
  

如果要设置一个默认显示内容怎么办,比如什么都不选择的时候。。。
显示content0

$(document).ready(function(){
$(“#sel”).change(function(){
var flag = $(this).val();
switch(flag){
case ‘1’:
$(“#content”+flag).show().siblings(‘div’).hide();
break;
case ‘2’:
$(“#content”+flag).show().siblings(‘div’).hide();
break;
case ‘3’:
$(“#content”+flag).show().siblings(‘div’).hide();
break;
default:
$(“div”).hide();
alert(“未选择”);
}
});
});

  
  
  

    
    –请选择–
    显示内容1
    显示内容2
    显示内容3
    
  content1
  content2
  content3
  

比如默认请选择的情况下,下面显示一个默认的内容。?

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
编程技术

url表达式怎么不能为空,又能判断url是否符合规则。_html/css_WEB-ITnose

2025-4-4 18:46:38

编程技术

一个input输入值后可以马上赋值给另外一个input吗?_html/css_WEB-ITnose

2025-4-4 18:47:39

0 条回复 A文章作者 M管理员
欢迎您,新朋友,感谢参与互动!
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
私信列表
搜索