帮助中心
获取牛币
联系我们
关于我们
版权声明
素材牛首页
微博登录
QQ登录
微信扫码登录
注册
登录
新浪微博
QQ登陆
微信登录
热门搜索:
小程序
支付
Java
后台模板
上传
商城模板
jQuery
手机
Thinkphp
微信
Vue.js
首 页
网页特效
整站源码
PHP实例
网站模版
工具箱
常用代码
论坛
游戏源码
资源分享
当前位置:
首页
»
精选常用代码
» JS选中显示不同内容
JS选中显示不同内容
浏览:582次
-
评论:0次
-
发布时间:2017-03-13
Html
Css
Js
*
验证方式:
密保手机
密保邮箱
密保问题
*
密保手机:
*
密保邮箱:
*
问题一:
请选择密保问题
您母亲的姓名是?
您母亲的生日是?
您父亲的姓名是?
您父亲的生日是?
您配偶的姓名是?
您配偶的生日是?
您的学号(或工号)是?
您高中班主任的名字是?
您小学班主任的名字是?
您初中班主任的名字是?
您最熟悉的童年好友名字是?
您家在哪?
对您影响最大的人名字是?
*
答案:
*
问题二:
请选择密保问题
您母亲的生日是?
您父亲的姓名是?
您父亲的生日是?
您配偶的姓名是?
您配偶的生日是?
您的学号(或工号)是?
您高中班主任的名字是?
您小学班主任的名字是?
您初中班主任的名字是?
您最熟悉的童年好友名字是?
您家在哪?
对您影响最大的人名字是?
*
答案:
*
问题三:
请选择密保问题
您母亲的姓名是?
您母亲的生日是?
您父亲的姓名是?
您父亲的生日是?
您配偶的姓名是?
您配偶的生日是?
您的学号(或工号)是?
您高中班主任的名字是?
您小学班主任的名字是?
您初中班主任的名字是?
您最熟悉的童年好友名字是?
您家在哪?
对您影响最大的人名字是?
*
答案:
@charset "utf-8"; /* CSS Document */ body,div,fieldset,input { margin:0; padding:0; } s { font-style:normal; font-weight:normal; text-decoration:none; color:red; padding-right:5px; } body { font:12px/1.5 tahoma,arial,Microsoft YaHei,SimSun; background:#badff2; color:#666; _width:100%; _height:100%; } input,select { font:12px/1.5 'microsoft yahei',simsun,arial; border:1px solid #ccc } input[type="text"],input[type="email"],select { padding:5px; margin:0 } input { width:250px; } select { width:200px } fieldset { border:0 none; } label { float:left; width:100px; text-align:right; line-height:30px } .list { margin-bottom:20px; float:left; width:80%; padding-left:100px } .cont { width:940px; margin:0 auto; background:#fff; padding:30px; margin-top:50px } .fl { float:left } .ask,.answer { padding-bottom:10px; width:100%; float:left; }
function test(Names){ var Name for (var i=1;i<4;i++){ // 更改数字4可以改变选择的内容数量,在下拉总数值的基础上+1.比如:下拉菜单有5个值,则4变成6 var tempname="mune_x"+i var NewsHot="x"+i // “X”是ID名称,比如:ID命名为“case1”,这里的“X”即为“case” if (Names==tempname){ Nnews=document.getElementById(NewsHot) Nnews.style.display=''; }else{ Nnews=document.getElementById(NewsHot) Nnews.style.display='none'; } } }
↑上面代码改变,会自动显示代码结果
jQuery调用版本:
1.11.3
<!doctype html><html><head><meta charset="utf-8"><title>JS选中显示不同内容-www.sucainiu.com</title><script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script><style>
</style></head><body>
<script>
</script>
</body></html>
立即下载
收藏
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!
充值积分
充值会员
更多说明»
代码描述:js 选中显示不同内容
jQuery图片放大滑动,内有详细步骤注释代码
JS拖拽超炫效果
讨论这个常用代码(0)
回答他人问题或分享心得会奖励牛币
〒_〒 居然一个评论都没有……
文明上网,理性发言! 😉 阿里云幸运券,
戳我领取
发表评论
提交回复
我的积分余额:
0
已下载次数:
582
所需牛币:
5
开始下载
牛币获取:
签到、评论、充值
» 在线充值
(10牛币=1元)
成为VIP可永久免积分下载全部常用代码
» 查看详情
VIP
客服
签到
充值