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 中 null、NaN和undefined的区别总结
Apr 10 Javascript
js截取字符串的两种方法及区别详解
Nov 05 Javascript
javascript特殊用法示例介绍
Nov 29 Javascript
jquery选择器原理介绍($()使用方法)
Mar 25 Javascript
使用Plupload实现直接上传附件至七牛云存储
Dec 26 Javascript
浅谈利用JavaScript进行的DDoS攻击原理与防御
Jun 04 Javascript
详解Node.js包的工程目录与NPM包管理器的使用
Feb 16 Javascript
json对象与数组以及转换成js对象的简单实现方法
Jun 24 Javascript
详解如何在vue项目中引入elementUI组件
Feb 11 Javascript
vue组件定义,全局、局部组件,配合模板及动态组件功能示例
Mar 19 Javascript
详解小程序之简单登录注册表单验证
May 13 Javascript
如何手写简易的 Vue Router
Oct 10 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
php分页函数
2006/07/08 PHP
PHP无敌近乎加密方式!
2010/07/17 PHP
关于php几种字符串连接的效率比较(详解)
2017/02/22 PHP
PHP单元测试框架PHPUnit用法详解
2019/01/23 PHP
JavaScript函数、方法、对象代码
2008/10/29 Javascript
jQuery Ajax之$.get()方法和$.post()方法
2009/10/12 Javascript
心扬JS分页函数代码
2010/09/10 Javascript
jquery插件实现鼠标经过图片右侧显示大图的效果(类似淘宝)
2013/02/04 Javascript
原生javaScript做得动态表格(注释写的很清楚)
2013/12/29 Javascript
原生js的弹出层且其内的窗口居中
2014/05/14 Javascript
SpringMVC框架下JQuery传递并解析Json格式的数据是如何实现的
2015/12/10 Javascript
jQuery元素属性操作实例(设置、获取及删除元素属性)
2016/09/08 Javascript
jquery中用函数来设置css样式
2016/12/22 Javascript
Angularjs在360兼容模式下取数据缓存问题的解决办法
2017/06/22 Javascript
js String.prototype.trim字符去前后空格的扩展
2020/08/23 Javascript
用Python编写一个国际象棋AI程序
2014/11/28 Python
Python中的rfind()方法使用详解
2015/05/19 Python
ubuntu系统下 python链接mysql数据库的方法
2017/01/09 Python
Python中对象的引用与复制代码示例
2017/12/04 Python
详解Python自建logging模块
2018/01/29 Python
python实现俄罗斯方块游戏
2020/03/25 Python
Python 中字符串拼接的多种方法
2018/07/30 Python
python实现自动化上线脚本的示例
2019/07/01 Python
Python range、enumerate和zip函数用法详解
2019/09/11 Python
Python StringIO如何在内存中读写str
2020/01/07 Python
Python3使用xlrd、xlwt处理Excel方法数据
2020/02/28 Python
PyCharm 解决找不到新打开项目的窗口问题
2021/01/15 Python
详解HTML5 data-* 自定义属性
2018/01/24 HTML / CSS
老板电器官方购物商城:老板油烟机、燃气灶、消毒柜、电烤箱
2018/05/30 全球购物
在职人员函授期间自我评价分享
2013/11/08 职场文书
高三家长寄语
2014/04/03 职场文书
主要负责人任命书
2014/06/06 职场文书
四风问题班子对照检查材料
2014/09/27 职场文书
2015年政府采购工作总结
2015/05/21 职场文书
幼儿园班级管理心得体会
2016/01/07 职场文书
MySQL 分组查询的优化方法
2021/05/12 MySQL