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的简单实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。