Javascript 显示/隐藏表单区域（im使用引导）

我想根据所选内容在表格上显示不同的区域。 我可以用JavaScript来做这件事，但我想使用Jquery，因为效果看起来要好得多

我在网上看到了很多Jquery示例，但我不知道如何在表单中实现它

能不能在我的表格上给我举一个例子，剩下的我就可以做了

基本形式



Metsa木材快速估算工具



建筑类型
传统砌体
木架
哪些墙是派对墙？

W1

W2

W3

W4
地板宽度A（X）
地板宽度B（X）
有楼梯口吗？


开口宽度C（X）
开口宽度D（X）
提交
​试试这个。它将根据所选选项向上/向下滑动


列表项
为选择选项添加了值
在文件末尾添加的js代码
最初隐藏计时器帧字段集
如果选择了计时器帧，则向下滑动计时器帧字段集else slideUp

希望对你有帮助



基本形式



Metsa木材快速估算工具



建筑类型
传统砌体
木架
哪些墙是派对墙？

W1

W2

W3

W4
地板宽度A（X）
地板宽度B（X）
有楼梯口吗？


开口宽度C（X）
开口宽度D（X）
提交
$（文档）.ready（函数（）{
$（“#建筑类型”）。关于（“变更”，功能（e）{
var v=$（this.val（）；
如果（v==‘木框架’）{
$（“#木框字段集”）.slideDown（）；
}否则{
$（“#木框架字段集”）.slideUp（）；
}
});
});
​试试这个。它将根据所选选项向上/向下滑动


列表项
为选择选项添加了值
在文件末尾添加的js代码
最初隐藏计时器帧字段集
如果选择了计时器帧，则向下滑动计时器帧字段集else slideUp

希望对你有帮助



基本形式



Metsa木材快速估算工具



建筑类型
传统砌体
木架
哪些墙是派对墙？

W1

W2

W3

W4
地板宽度A（X）
地板宽度B（X）
有楼梯口吗？


开口宽度C（X）
开口宽度D（X）
提交
$（文档）.ready（函数（）{
$（“#建筑类型”）。关于（“变更”，功能（e）{
var v=$（this.val（）；
如果（v==‘木框架’）{
$（“#木框字段集”）.slideDown（）；
}否则{
$（“#木框架字段集”）.slideUp（）；
}
});
});
​首先为要显示和隐藏的元素指定id


默认情况下，使其显示“无”
根据事件（单击、更改等）使其显示和隐藏



基本形式



Metsa木材快速估算工具



建筑类型
传统砌体
木架
哪些墙是派对墙？

W1

W2

W3

W4
地板宽度A（X）
地板宽度B（X）
有楼梯口吗？


开口宽度C（X）
开口宽度D（X）
提交
$（文档）.on（'change'，'#TypeOfConstruction'，function（）{
如果（$（“#建筑类型选项：选中”）.text（）==‘木框架’）{
$（'#tempId'）.show（）；
}否则{
$（'#tempId'）.hide（）；
}
});
$（文档）.on（'click'，'#FLoorAId'，函数（）{
如果（$（“#FLoorAId”）。是（'：选中的'））{
$（'#tempId2'）.show（）；
}否则{
$（'#tempId2'）.hide（）；
}
});
​首先为要显示和隐藏的元素指定id


默认情况下，使其显示“无”
根据事件（单击、更改等）使其显示和隐藏



基本形式



Metsa木材快速估算工具



建筑类型
传统砌体
木架
哪些墙是派对墙？

W1

W2

W3

W4
地板宽度A（X）
地板宽度B（X）
有楼梯口吗？


开口宽度C（X）
开口宽度D（X）
提交
$（文档）.on（'change'，'#TypeOfConstruction'，function（）{
如果（$（“#建筑类型选项：选中”）.text（）==‘木框架’）{
$（'#tempId'）.show（）；
}否则{
$（'#tempId'）.hide（）；
}
});
$（文档）.on（'click'，'#FLoorAId'，函数（）{
如果（$（“#FLoorAId”）。是（'：选中的'））{
$（'#tempId2'）.show（）；
}否则{
$（'#tempId2'）.hide（）；
}
});
​这样做。这将对您有所帮助



基本形式
.wfiedls{
显示：无；