| 标题 | select隐藏选中值对应的id,显示其它id的简单实现方法 |
| 范文 | 下面小编就为大家带来一篇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的简单实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考 |
| 随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。