select隐藏选中值对应的id,显示其它id的简单实现方法


Posted in Javascript onAugust 25, 2016

由于select选项较少,做的简单,

<select name="typeid" id="typeid">
<option value="-1">-请选择类型-</option>
<option value="grade">兑换等级</option>
<option value="money">兑换现金</option>
<option value="gift">兑换礼物</option>
</select>


<tr id="grade"></tr>

<tr id="money"></tr>


<tr id="gift"></tr>


<script>
$(document).ready(function(){
var alltypes = ['grade','money','gift'];
$("#typeid").change(function(){
var type = $(this).val();
for(i=0;i<alltypes.length;i++)
{
$("#"+alltypes[i]).hide();
$("#"+type).show();
}

});
});
</script>

将所有id存放一个数组中,然后遍历隐藏所有id,只显示选中值的id

以上这篇select隐藏选中值对应的id,显示其它id的简单实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript oop开发滑动(slide)菜单控件
Aug 25 Javascript
JavaScript中的substr()方法使用详解
Jun 06 Javascript
JavaScript中模拟实现jsonp
Jun 19 Javascript
JS+CSS实现电子商务网站导航模板效果代码
Sep 10 Javascript
Node.js查找当前目录下文件夹实例代码
Mar 07 Javascript
详解Node.js项目APM监控之New Relic
May 12 Javascript
javascript+css3开发打气球小游戏完整代码
Nov 28 Javascript
jquery写出PC端轮播图实例
Jan 26 jQuery
JS实现面向对象继承的5种方式分析
Jul 21 Javascript
微信小程序实现即时通信聊天功能的实例代码
Aug 17 Javascript
Vue修改项目启动端口号方法
Nov 07 Javascript
vue中路由跳转不计入history的操作
Sep 21 Javascript
Js得到radiobuttonlist选中值的两种方法(推荐)
Aug 25 #Javascript
总结JavaScript的正则与其他语言的不同之处
Aug 25 #Javascript
js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法
Aug 25 #Javascript
jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
Aug 25 #Javascript
JS实现图片延迟加载并淡入淡出效果的简单方法
Aug 25 #Javascript
JavaScript中闭包之浅析解读(必看篇)
Aug 25 #Javascript
jquery点击切换背景色的简单实例
Aug 25 #Javascript
You might like
excellent!――ASCII Art(由目标图象生成ascii)
2007/02/20 PHP
PHP数组无限分级数据的层级化处理代码
2012/12/29 PHP
PHP程序级守护进程的实现与优化的使用概述
2013/05/02 PHP
php使用curl抓取qq空间的访客信息示例
2014/02/28 PHP
PHP简单实现冒泡排序的方法
2016/12/26 PHP
详解提高使用Java反射的效率方法
2019/04/29 PHP
tp5(thinkPHP5框架)使用DB实现批量删除功能示例
2019/05/28 PHP
laravel框架语言包拓展实现方法分析
2019/11/22 PHP
jQuery移动和复制dom节点实用DOM操作案例
2012/12/17 Javascript
javascript文件中引用依赖的js文件的方法
2014/03/17 Javascript
浅谈JavaScript中运算符的优先级
2015/07/07 Javascript
基于MVC+EasyUI的web开发框架之使用云打印控件C-Lodop打印页面或套打报关运单信息
2016/08/29 Javascript
Js中async/await的执行顺序详解
2017/09/22 Javascript
JS将网址url转化为JSON格式的方法
2018/07/02 Javascript
详解Angular6 热加载配置方案
2018/08/18 Javascript
JavaScript寄生组合式继承原理与用法分析
2019/01/11 Javascript
JavaScript实现随机点名器实例详解
2019/05/07 Javascript
Vue form表单动态添加组件实战案例
2019/09/02 Javascript
React路由鉴权的实现方法
2019/09/05 Javascript
JavaScript面试中常考的字符串操作方法大全(包含ES6)
2020/05/10 Javascript
js闭包的9个使用场景
2020/12/29 Javascript
[01:27]2014DOTA2展望TI 剑指西雅图IG战队专访
2014/06/30 DOTA
python正则匹配查询港澳通行证办理进度示例分享
2013/12/27 Python
python爬虫headers设置后无效的解决方法
2017/10/21 Python
Python决策树之基于信息增益的特征选择示例
2018/06/25 Python
python实现一个点绕另一个点旋转后的坐标
2019/12/04 Python
kafka-python 获取topic lag值方式
2019/12/23 Python
Dockers鞋官网:Dockers Shoes
2018/11/13 全球购物
西班牙用户之间买卖视频游戏的平台:Wakkap
2020/03/21 全球购物
历史专业个人求职信分享
2013/12/20 职场文书
青春励志演讲稿
2014/04/29 职场文书
党政领导班子群众路线对照检查材料思想汇报
2014/09/27 职场文书
大学生联谊活动策划书(光棍节)
2014/10/10 职场文书
2014年艾滋病防治工作总结
2014/12/10 职场文书
心理学培训心得体会
2016/01/22 职场文书
python关于集合的知识案例详解
2021/05/30 Python