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

169 阅读 0 评论 112 点赞

我是靠谱客的博主活力小土豆，最近开发中收集的这篇文章主要介绍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的简单实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。