select隐藏选中值对应的id,显示其它id的简单实现方法
由于select选项较少,做的简单,
<selectname="typeid"id="typeid">
<optionvalue="-1">-请选择类型-</option>
<optionvalue="grade">兑换等级</option>
<optionvalue="money">兑换现金</option>
<optionvalue="gift">兑换礼物</option>
</select>
<trid="grade"></tr>
<trid="money"></tr>
<trid="gift"></tr>
<script>
$(document).ready(function(){
varalltypes=['grade','money','gift'];
$("#typeid").change(function(){
vartype=$(this).val();
for(i=0;i<alltypes.length;i++)
{
$("#"+alltypes[i]).hide();
$("#"+type).show();
}
});
});
</script>
将所有id存放一个数组中,然后遍历隐藏所有id,只显示选中值的id
以上这篇select隐藏选中值对应的id,显示其它id的简单实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。
热门推荐
10 八一幼儿祝福语大全简短
11 公司乔迁食堂祝福语简短
12 婚礼结束聚餐祝福语简短
13 儿媳买车妈妈祝福语简短
14 毕业送礼老师祝福语简短
15 同事辞职正常祝福语简短
16 恭贺新婚文案祝福语简短
17 金店立秋祝福语简短英文
18 婆婆高寿祝福语大全简短