jquery隐藏与显示tr标签示例代码

废话少说直接上代码代码是程序员交流的最好方式哈哈： 复制代码代码如下： %@页面语言="Java "导入="Java。乌提尔。*"页面编码="UTF-8"% %字符串路径=请求。getcontextpath()；字符串基本路径=请求。getscheme()' ://'请求。getservername()“:”请求。getserverport()“path ”/；% !DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' HTML头基href=' %=基路径% ' title my JSP '索引。“JSP”起始页/title meta http-equiv=' pragma ' content=' no-cache ' meta http-equiv=' cache-control ' content=' no-cache ' meta http-equiv=' expires ' content=' 0 ' meta http-equiv='关键字' content='关键字1，关键字2，关键字- link rel='样式表type=' text/CSS ' href=' style。CSS '-脚本类型=' text/JavaScript ' src=' http : js/jquery-1。8 .2 .js '/script脚本类型=' text/JavaScript '函数selectChange(obj){ var value=obj。价值；var v1=文档。getelementbyid(' tr1 ')；var v2=文档。getelementbyid(' tr2 ')；if(值==0){ console.log('二是隐藏的');v1。风格。显示='无'；v2。风格。显示='无'；} else if(值==1){ v1。风格。display=' blockv2。风格。显示='无'；} else { v1。风格。显示='无'；v2。风格。display=' block//将里面的值设为空} }/脚本/头部中心身体形态动作=' GetJSPContent '方法=' post '表tr TD通知标题/TD tdinput type=' text ' name=' title '/TD/tr/tr TD通知内容/TD tdtextarea cols=' 50 ' row=' 10 ' name=' cxt '内容这块暂时没处理，本次测试用例需要10个汉字以上测试/textarea/td /tr tr td通知类型/TDT select onchange='选择更改(this)'选项值=“0”选择=“真”所有用户/option选项值='1 '用户组/option选项值='2 '单用户/option/select/TD/tr tr id=' tr1 ' style=' display : none ' TD输入标签:/TDT输入类型=' text ' id='标记1 '名称='标记'/TD/tr id=' tr2 '样式=' display : none ' TD输入号码：/TDT输入类型=' text ' id=' phone ' name=' phone '/TD/tr tdinput类型=' submit '/TD/TD输入类型=' reset '/TD/tr/table/form/body/center/html实现效果如下：