当前位置: 首页 > 编程笔记 >

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

楚钊
2023-03-14
本文向大家介绍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的简单实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍Android中实现EditText密码显示隐藏的方法,包括了Android中实现EditText密码显示隐藏的方法的使用技巧和注意事项,需要的朋友参考一下 在Google发布了support:design:23+以后我们发现有这么一个东西TextInputLayout,先看下效果图: 只要在布局中添加属性app:passwordToggleEnabled=”true”就可以实现当E

  • 本文向大家介绍jQuery简单实现列表隐藏和显示效果示例,包括了jQuery简单实现列表隐藏和显示效果示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery简单实现列表隐藏和显示效果。分享给大家供大家参考,具体如下: 运行效果图如下: 更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与

  • 我有一个forEach循环,它在单击餐厅图标时显示不同餐厅的菜单。餐厅图标和餐厅/菜单的数量是未知的,每个都是用动态ID创建的,例如menu-0、menu-1、menu-2等。 当一个餐厅图标被点击时,所有其他的都应该被隐藏。目前我有以下Javascript显示/隐藏菜单;虽然这是工作的,我正在努力使它更动态/更有效的方法,而不是静态列表,因为菜单的数量是未知的。

  • 本文向大家介绍Powershell中显示隐藏文件的方法,包括了Powershell中显示隐藏文件的方法的使用技巧和注意事项,需要的朋友参考一下 支持PS3.0及以后版本。 当你使用 Get-ChildItem 检索文件,默认是不显示隐藏文件的。 要包含隐藏文件,请使用 –Force 参数。 如果只需要显示隐藏文件,可以使用参数-Hidden ,但它只支持PS3.0。

  • 本文向大家介绍javascript实现显示和隐藏div方法汇总,包括了javascript实现显示和隐藏div方法汇总的使用技巧和注意事项,需要的朋友参考一下 javascript实现显示和隐藏div方法汇总 我们再来看下其他小伙伴是如何实现的 示例三: 先来看一个最简单的实例,这个可以实现显示和隐藏层 下面是关闭层,其实原理 是一样的只是加了个效果。

  • 本文向大家介绍js实现简易点击切换显示或隐藏,包括了js实现简易点击切换显示或隐藏的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js实现简易点击切换显示或隐藏的具体代码,供大家参考,具体内容如下 html: css: js: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。