Javascript 基于表单值显示/隐藏可见性

我想根据所做的选择隐藏/显示表单div。我已经这样做了，但是我需要一个不同的代码，因为我在同一代码中有两个表单，并且脚本冲突

请看下面的代码已经工作，但我需要第二个脚本，这将不会与我已经有冲突

$（“#国家”）。关于（'change'，function（）{
if（['1'].indexOf（this.value）>-1）{
$（'#state'）.prop（'disabled'，false.）.closest（'div'）.show（）；
}否则{
$（'#state'）.val（''）.prop（'disabled'，true.）.closest（'div'）.hide（）；
}
})
.change（）；

职称*
选择职务说明
选择职务说明
选择职务说明
国家*
请选择
美国
俄罗斯
加拿大
巴西
英国
陈述
阿拉巴马州
阿拉斯加州
亚利桑那州
阿肯色州
加利福尼亚
登记

首先，两个表单的元素（div、表单和选择器）不应使用相同的id名称

相反，您可以使用class属性来定制您的需求。始终按父窗体引用jquery选择器

$（函数（）{
$（'.countries'）。在（'change'，function（）上{
if（$（this）.val（）=='1'）{
$（this）.parent（）.find（'.states'）.prop（'disabled'，false）.show（）；
}否则{
$（this.parent（）.find（'.states'）.val（'.prop（'disabled'，true.hide（））；
}
});
});

表格一
国家
请选择
美国
俄罗斯
加拿大
陈述
阿拉巴马州
阿拉斯加州
亚利桑那州
表格二
国家
请选择
美国
俄罗斯
加拿大
陈述
阿拉巴马州
阿拉斯加州
亚利桑那州
首先，两个表单的元素（div、表单和选择器）不应使用相同的id名称

相反，您可以使用class属性来定制您的需求。始终按父窗体引用jquery选择器



$（函数（）{
$（'.countries'）。在（'change'，function（）上{
if（$（this）.val（）=='1'）{
$（this）.parent（）.find（'.states'）.prop（'disabled'，false）.show（）；
}否则{
$（this.parent（）.find（'.states'）.val（'.prop（'disabled'，true.hide（））；
}
});
});

表格一
国家
请选择
美国
俄罗斯
加拿大
陈述
阿拉巴马州
阿拉斯加州
亚利桑那州
表格二
国家
请选择
美国
俄罗斯
加拿大
陈述
阿拉巴马州
阿拉斯加州
亚利桑那州
我在您的代码中只看到一个表单。您可以将if语句包装在
$（'#countries'）中
并将其放入一个函数中，在该函数中，您可以将表单的id作为参数传递。使用类而不是ID来选择并将参数分配给prop（），类似于下面的
$（'#'+formId+'.state'）.prop（'disabled'，false.）.closest（'div'）.show（）我在您的代码中只看到一种形式。您可以将if语句包装在
$（'#countries'）中
并将其放入一个函数中，在该函数中，您可以将表单的id作为参数传递。使用类而不是ID来选择并将参数分配给prop（），类似于下面的
$（'#'+formId+'.state'）.prop（'disabled'，false.）.closest（'div'）.show（）