select隐藏选中值对应的id,显示其它id的简单实现方法
更新时间:2016年08月25日 10:30:48 投稿:jingxian
下面小编就为大家带来一篇select隐藏选中值对应的id,显示其它id的简单实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
由于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中双等号(==)和三等号(===)有何不同以及何时使用它们的相关资料,在JavaScript中"=="和"==="都是比较运算符,用于比较两个值是否相等,需要的朋友可以参考下2024-01-01javaScript+turn.js实现图书翻页效果实例代码
这篇文章主要介绍了javaScript+turn.js实现图书翻页效果实例代码,重点讲解turn.js 如何使用的。需要的朋友可以参考下2017-02-02javascript Array.remove() 数组删除
下面的代码主要是实现了,删除数组中指定的值。2009-08-08
最新评论