Foxtable(狐表) → 用户栏目 → 专家坐堂 → 移动开发中，有没有办法实现当表彰类别等于不同类别的时候 对应显示或隐藏部分内容？


  共有3369人关注过本帖树形打印复制链接

主题：移动开发中，有没有办法实现当表彰类别等于不同类别的时候 对应显示或隐藏部分内容？
帅哥哟，离线，有人找我吗？
cnsjroom
 小大  11楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：七尾狐 帖子：1571 积分：11238 威望：0 精华：0 注册：2021/1/17 17:06:00 		回复：（有点蓝）不存在"部门名称"、"姓名"这些ID的控...  发帖心情 Post By：2021/2/3 14:13:00 [只看该作者]

老师  在测试下是有的（经反复测试  楼上js代码可以隐藏输入框控件，让用户不能对应输入内容，但是遇见性别（男或女）这个选择框的时候，姓名所占据的行高会被缩减，导致页面不美观）
以下内容是专门发给有点蓝浏览


图片点击可在新窗口打开查看此主题相关图片如下：111.png
图片点击可在新窗口打开查看
js代码换成下面的也不行
function jsFunction(value) {
   console.log(value);
if(value=="个人表彰")
{
document.getElementById("部门名称").value="个人表彰不用填写";
document.getElementById("部门名称").style.display="hidden";
document.getElementById("姓名").style.display="visible";
document.getElementById("性别").style.display="visible";
document.getElementById("所在部门").style.display="visible";
document.getElementById("所任职务").style.display="visible";}
else
{
document.getElementById("部门名称").style.display="visible";
document.getElementById("部门名称").value="";
document.getElementById("姓名").value="集体表彰不用填写";
document.getElementById("性别").value="集体表彰不用填写";   性别是个选择框（男或女）   这个赋值不显示  有没有办法强制显示为  集体表彰不用填写 字样呢？
document.getElementById("所在部门").value="集体表彰不用填写";
document.getElementById("所任职务").value="集体表彰不用填写";
document.getElementById("姓名").style.display="hidden";    当被隐藏的时候，输入框还可以删减文字  有没有办法在隐藏式 实现none一样的效果  不让用户可操作输入字符
document.getElementById("性别").style.display="hidden";
document.getElementById("所在部门").style.display="hidden";
document.getElementById("所任职务").style.display="hidden";}
}
[此贴子已经被作者于2021/2/3 14:17:05编辑过]
 回到顶部
帅哥，在线噢！
有点蓝
 小大  12楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：超级版主 帖子：106097 积分：539590 威望：0 精华：9 注册：2015/6/24 9:21:00 		  发帖心情 Post By：2021/2/3 14:17:00 [只看该作者]

嗯，只是隐藏了输入框，没有隐藏标题。把要需要统一隐藏的控件都放到同一个组里吧，然后隐藏整个组

document.getElementById("ipg1").style.display="none"
 回到顶部
帅哥哟，离线，有人找我吗？
cnsjroom
 小大  13楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：七尾狐 帖子：1571 积分：11238 威望：0 精华：0 注册：2021/1/17 17:06:00 		回复：（有点蓝）嗯，只是隐藏了输入框，没有隐藏标题...  发帖心情 Post By：2021/2/3 15:07:00 [只看该作者]

function xianshi(){
   var gj=document.getElementById("表彰类别").value;
if(gj=="个人表彰")
 {
 alert("提示信息!"); 
document.getElementById("ipg3").style.display="inline";
document.getElementById("ipg3").style.display="block";
 document.getElementById("ipg23").style.display="none";}
else
 {alert("集体表彰"); 
document.getElementById("ipg23").style.display="inline";
 document.getElementById("ipg3").style.display="none";
 document.getElementById("ipg23").style.display="block";}
}

图片点击可在新窗口打开查看此主题相关图片如下：111.png
图片点击可在新窗口打开查看
是否可以把标题一起隐藏呢  不然显示在那不友好
 回到顶部
帅哥，在线噢！
有点蓝
 小大  14楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：超级版主 帖子：106097 积分：539590 威望：0 精华：9 注册：2015/6/24 9:21:00 		  发帖心情 Post By：2021/2/3 15:13:00 [只看该作者]

document.getElementById("ipg3").parentNode.style.display

 回到顶部
帅哥哟，离线，有人找我吗？
cnsjroom
 小大  15楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：七尾狐 帖子：1571 积分：11238 威望：0 精华：0 注册：2021/1/17 17:06:00 		回复：（有点蓝）document.getElementById("ipg3").pa...  发帖心情 Post By：2021/2/3 16:09:00 [只看该作者]

function xianshi(){
   var gj=document.getElementById("表彰类别").value;
if(gj=="个人表彰")
 {
//alert("提示信息!"); 
document.getElementById("ipg3").style.display="inline";
document.getElementById("ipg3").style.display="block";
document.getElementById("ipg23").parentNode.style.display="none";
 document.getElementById("ipg23").style.display="none";}
else
 {
//alert("集体表彰"); 
document.getElementById("ipg23").style.display="inline";
document.getElementById("ipg23").style.display="block";
document.getElementById("ipg3").parentNode.style.display="none";
 document.getElementById("ipg3").style.display="none";
 }


效果如下：只有打开页面第一次选择表彰类别值 才是正确显示或隐藏的  如果不小心选择了错误的  需要更换  那就没有对应显示正确了  这个问题有没有办法解决呢？还是说js目前已经只能做到这样了

图片点击可在新窗口打开查看此主题相关图片如下：12121.gif
图片点击可在新窗口打开查看
 回到顶部
帅哥，在线噢！
有点蓝
 小大  16楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：超级版主 帖子：106097 积分：539590 威望：0 精华：9 注册：2015/6/24 9:21:00 		  发帖心情 Post By：2021/2/3 16:27:00 [只看该作者]

js里全部改为使用parentNode

学会使用开发者工具调试，查看页面标签的状态
 回到顶部
帅哥哟，离线，有人找我吗？
cnsjroom
 小大  17楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：七尾狐 帖子：1571 积分：11238 威望：0 精华：0 注册：2021/1/17 17:06:00 		回复：（有点蓝）js里全部改为使用parentNode学会使用...  发帖心情 Post By：2021/2/3 17:05:00 [只看该作者]


ok  灰常感谢有点蓝老师的耐心指导和帮助   达到预期效果  谢谢！


function xianshi(){
   var gj=document.getElementById("表彰类别").value;
if(gj=="个人表彰")
 {
//alert("提示信息!"); 
document.getElementById("ipg3").parentNode.style.display="inline";
document.getElementById("ipg3").parentNode.style.display="block";
document.getElementById("ipg23").parentNode.style.display="none";
}
else
 {
//alert("集体表彰"); 
document.getElementById("ipg23").parentNode.style.display="inline";
document.getElementById("ipg23").parentNode.style.display="block";
document.getElementById("ipg3").parentNode.style.display="none";
 }
}
 回到顶部
总数 17 上一页 1 2
RSS2.0 | Xhtml无图版 | Xslt无图版 Copyright © 2000 - 2018 foxtable.com Tel: 4000-810-820 粤ICP备11091905号
   Powered By Dvbbs Version 8.3.0
页面执行时间 0.04297 秒, 4 次数据查询