当前位置：首页 → 问答吧 → select的onchange事件问题？

select的onchange事件问题？

时间：2010-05-21

来源：互联网

我想让option值为“HI,正向间接血凝,液相阻断ELISA”这三个值的时候出现下面ID为“sjfb”的DIV
可是我这个JS只能判断出最后一个值”液相阻断ELISA“，前面两个值没效果哪位帮忙给看一下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <select name="sel5" id="sel5" onchange="show_intro('sel5','sjfb','HI,正向间接血凝,液相阻断ELISA',this.selectedIndex)"> <option selected="selected">--请选择--</option> <option value="HI">HI</option> <option value="正向间接血凝">正向间接血凝</option> <option value="液相阻断ELISA">液相阻断ELISA</option> <option value="aa">aa</option> <option value="bb">bb</option> </select> <div id="sjfb" style="display:none;width:100px;height:100px;background:red;"></div> <script type="text/javascript"> function show_intro(id1,id2,svalue,i){ var sv=svalue.split(","); //alert(sv.length); var aa=document.getElementById(id1); var bb=document.getElementById(id2); for(var ii=0;ii<sv.length;ii++){ //alert(sv[ii]); aa.options[i].text==sv[ii]?bb.style.display='block':bb.style.display='none';} } </script> </body> </html>
提示：您可以先修改部分代码再运行

作者: AyumiHamasaki 发布时间: 2010-05-21

<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <select name="sel5" id="sel5" > <option selected="selected">--请选择--</option> <option value="HI">HI</option> <option value="正向间接血凝">正向间接血凝</option> <option value="液相阻断ELISA">液相阻断ELISA</option> <option value="aa">aa</option> <option value="bb">bb</option> </select> <div id="sjfb" style="display:none;width:100px;height:100px;background:red;"></div> <script type="text/javascript"> var defaultValue = ["HI","正向间接血凝","液相阻断ELISA"]; var showBox = document.getElementById("sjfb"); document.getElementById("sel5").onchange=function(){ showBox.style.display = defaultValue.indexOf(this.value)==-1?"none":"block"; } </script> </body> </html>
提示：您可以先修改部分代码再运行

作者: baishui 发布时间: 2010-05-25

谢谢了拿来研究一下

作者: AyumiHamasaki 发布时间: 2010-05-28

select的onchange事件问题？

热门阅读

热门下载