杭州微网站,网络推广引流有哪些渠道,浙江建设信息港手机版,做网站用什么服务器比较好在web页面中#xff0c;经常需要使用select控件来显示div的显示与隐藏#xff0c;实现这个方法主要用到了setAttribute方法#xff0c;以下为示例代码 [html] view plaincopy html title通过选择项显示不同的结果/title head scr…在web页面中经常需要使用select控件来显示div的显示与隐藏实现这个方法主要用到了setAttribute方法以下为示例代码 [html] view plain copy html title通过选择项显示不同的结果/title head script typetext/JavaScript function showdiv() { var docdocument; var citytextdoc.getElementById(city).value; var div1doc.getElementById(div1); var div2doc.getElementById(div2); var div3doc.getElementById(div3); switch (citytext) { case 广州: div1.setAttribute(style,display); div2.setAttribute(style,display:none); div3.setAttribute(style,display:none); doc.getElementById(text1).valuecitytext; break; case 南昌: div1.setAttribute(style,display:none); div2.setAttribute(style,display); div3.setAttribute(style,display:none); doc.getElementById(text2).valuecitytext; break; case 沈阳: div1.setAttribute(style,display:none); div2.setAttribute(style,display:none); div3.setAttribute(style,display); doc.getElementById(text3).valuecitytext; break; } } /script /head body select title城市 idcity onchangeshowdiv() option selected value广州广州/option option value南昌南昌/option option value沈阳沈阳/option /select div iddiv1 styledisplay:none 您选择了广东的省会input typetext idtext1 value//div div iddiv2 styledisplay:none 您选择了江西的省会input typetext idtext2 value//div div iddiv3 styledisplay:none 您选择了辽宁的省会input typetext idtext3 value//div /body /html
