隐藏/显示表单字段基于下拉选择与类标记
hide/show form fields based on dropdown choice with class tag
我在应用程序表单上的显示/隐藏功能有问题。应用程序表单在这里是live -> http://www.specialfinance.co.uk/introducers/submit-an-enquiry/secured-loans.html
目前的形式作为一个多页的形式(在javascript内),这是很好的,它做的工作很好,但我不能找出基于任何Q& a指南我在这里看过(我已经通过许多谷歌搜索)是如何集成进一步的显示/隐藏脚本来隐藏申请人2列,如果在顶部的下拉菜单有一个值为1。
列是一个表,所有输入在单独的行中,所以我认为最简单的方法是链接到一个类,然后隐藏类,但我不知道如何做到这一点。
我用我的javascript知识到达那里,但这似乎是一个我无法克服的障碍。
您可以使用。change() (jQuery)与下拉列表查看值是什么,然后基于此,隐藏和显示您需要的
$("#idOfDropDown").change(function() {
if ($(this).val() == 1) {
//Show or Hide what you need .show()
}
else {
//Show or Hide .hide()
});
下面是一个使用类的演示:http://jsfiddle.net/Szt59/1/
下面是一个简单的例子。很容易看出如何扩展它。
$("#drop").change(function(){
if( $(this).val() === "2" ) {
$(".rest").slideDown("fast");
} else {
$(".rest").slideUp("fast");
}
});
点击查看演示编辑。
相关文章:
- 选择的下拉列表:使search_contains同时适用于所有下拉列表
- 选择后下拉菜单的灯箱效果
- 如何从另一个下拉列表中隐藏选择基于下拉列表的值
- 在选择其他下拉列表html和javascript araray的基础上,填充3个连续的下拉列表
- 如何检查是否在JavaScript中选择了下拉菜单
- Bootstrap日期选择器下拉列表未删除
- 使用URL参数选择的下拉列表
- 如何根据其他下拉列表中的选择筛选下拉结果
- 从选择选项下拉列表中计算多个值
- 在索引更改中选择的下拉列表无效!!由于引导
- 更改选择选项下拉列表与onclick功能按钮
- 显示依赖于下拉框选择的表单字段
- 如果选择了下拉列表中的特定值,GAE 任务队列将不会继续
- 如何使用jQuery更新选择选项下拉菜单
- 使 WebStorm 忽略 .spec.js 文件的“选择声明”下拉列表
- 选择其他字段元素时如何重置选择选项下拉列表
- 未在选择标记下拉列表中选择以隐藏其他输入元素的嵌套控制器
- jQuery选择的下拉搜索功能,没有搜索框
- 为什么选择不下拉
- 在没有jQuery用于选择所有下拉列表的情况下,相当于$(“select”)