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 相关文章推荐
文字不间断滚动(上下左右)实例代码
Apr 21 Javascript
jquery实现图片渐变切换兼容ie6/Chrome/Firefox
Aug 02 Javascript
jQuery中contents()方法用法实例
Jan 08 Javascript
浅谈javascript运算符——条件,逗号,赋值,()和void运算符
Jul 15 Javascript
JavaScript DOM节点操作方法总结
Aug 23 Javascript
javascript中的后退和刷新实现方法
Nov 10 Javascript
浅析如何利用angular结合translate为项目实现国际化
Dec 08 Javascript
微信小程序 中wx.chooseAddress(OBJECT)实例详解
Mar 31 Javascript
vue 和vue-touch 实现移动端左右导航效果(仿京东移动站导航)
Apr 22 Javascript
AngularJs 最新验证手机号码的实例,成功测试通过
Nov 26 Javascript
JavaScript动态生成表格的示例
Nov 02 Javascript
Vue中引入svg图标的两种方式
Jan 14 Vue.js
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
发布一个高效的JavaScript分析、压缩工具 JavaScript Analyser
2007/11/30 Javascript
JavaScript Memoization 让函数也有记忆功能
2011/10/27 Javascript
js模拟点击事件实现代码
2012/11/06 Javascript
JavaScript子窗口ModalDialog中操作父窗口对像
2012/12/11 Javascript
javascript每日必学之运算符
2016/02/16 Javascript
JS简单实现表格排序功能示例
2016/12/20 Javascript
Angularjs实现分页和分页算法的示例代码
2016/12/23 Javascript
微信小程序的动画效果详解
2017/01/18 Javascript
Vue.js render方法使用详解
2017/04/05 Javascript
Vue2.x中的父组件传递数据至子组件的方法
2017/05/01 Javascript
深入浅析vue组件间事件传递
2017/12/29 Javascript
[02:08:58]2014 DOTA2国际邀请赛中国区预选赛 Ne VS CIS
2014/05/22 DOTA
[02:14]完美“圣”典2016风云人物:xiao8专访
2016/12/01 DOTA
Python标准库urllib2的一些使用细节总结
2015/03/16 Python
使用Python抓取模板之家的CSS模板
2015/03/16 Python
Linux上安装Python的PIL和Pillow库处理图片的实例教程
2016/06/23 Python
浅析Git版本控制器使用
2017/12/10 Python
python 实现提取某个索引中某个时间段的数据方法
2019/02/01 Python
python for和else语句趣谈
2019/07/02 Python
用Python+OpenCV对比图像质量的几种方法
2019/07/15 Python
Python编程中类与类的关系详解
2019/08/08 Python
细数nn.BCELoss与nn.CrossEntropyLoss的区别
2020/02/29 Python
Python Selenium自动化获取页面信息的方法
2020/08/31 Python
HTML5 input新增type属性color颜色拾取器的实例代码
2018/08/27 HTML / CSS
严选全球尖货,立足香港:Bonpont宝盆
2018/07/24 全球购物
Haggar官网:美国男装品牌
2020/02/16 全球购物
Java面向对象面试题
2016/12/26 面试题
大学生英语演讲稿
2014/04/24 职场文书
活动总结书
2014/05/08 职场文书
爱牙日活动总结
2014/08/29 职场文书
党的群众路线教育实践活动党员个人整改措施
2014/10/27 职场文书
用Python的绘图库(matplotlib)绘制小波能量谱
2021/04/17 Python
教你用python控制安卓手机
2021/05/13 Python
python四个坐标点对图片区域最小外接矩形进行裁剪
2021/06/04 Python
Python Pandas pandas.read_sql_query函数实例用法分析
2021/06/21 Python
Android Flutter实现3D动画效果示例详解
2022/04/07 Java/Android