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

前端技术 2023/09/01 JavaScript

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

本文地址:https://www.stayed.cn/item/2825

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。