编程论坛 » JavaScript论坛 » 用select下拉触发display的脚本

SkyGull 发表于 2008-1-5 15:26

用select下拉触发display的脚本

想要用一select下拉框触发一些div的display:none;

也就是
<select><option>触发1</option><option>触发2</option></select>

触发1,触发2分别控制,div1和div2
div1和div2默认的style:display:none;

触发哪个,那哪个的display:yes;


急啊

不惑 发表于 2008-1-5 19:19

<select size="1" name="lb" id="lb" onchange="return abc()" >
      <option  value=1 >图层1
      <option  value=2 >图层2
</select>
<div id=img1 style="visibility:hidden;"><img src="图片1.jpg"></div>
<div id=img2 style="visibility:hidden;"><img src="图片2.jpg"></div>
<SCRIPT language=JavaScript>
<!--
   function abc()
   {
tt="img" +lb.value
document.getElementById(tt).style.visibility="visible";
}
//-->
</SCRIPT>

注意:意思是这样,但信手写来未经测试

[[italic] 本帖最后由 不惑 于 2008-1-5 19:26 编辑 [/italic]]

不惑 发表于 2008-1-5 19:30

<select size="1" name="lb" id="lb" onchange="return abc()" >
      <option  value=1 >图层1
      <option  value=2 >图层2
</select>
<div id=div1 style="visibility:hidden;"><img id=img1 src="图片1.jpg"></div>
<SCRIPT language=JavaScript>
<!--
   function abc()
   {
tt="img"+lb.value
document.getElementById(tt).src="图片"+lb.value+".jpg";
document.getElementById("div1").style.visibility="visible";
}
//-->
</SCRIPT>

我更喜欢这样用法

查看完整版本: 用select下拉触发display的脚本