Javascript 如果在HTML表单中选择了某些选择选项，则需要输入字段

当选择并提交选择选项时，我试图使文本框成为必需的

当我选择“教育”时，需要输入“教育” 当我选择“业务”时，需要输入“业务” 当我选择Business&Education时，这两种输入都是必需的。是必需的

任何帮助都将不胜感激。谢谢

函数更改目的（）{
if（document.getElementById（'TravelPurpose'）。value==“教育”）
{
document.getElementById（'PoT_Ebudget'）.setAttribute（'required'，'）；
}
其他的
{
document.getElementById（'PoT_Ebudget'）.setAttribute（'required'，'）；
}
if（document.getElementById（'TravelPurpose'）。value==“Business”）
{
document.getElementById（'PoT_Bbudget'）.setAttribute（'required'，'）；
}
其他的
{
document.getElementById（'PoT_Bbudget'）.setAttribute（'required'，'）；
}
if（document.getElementById（'TravelPurpose'）。value==“教育与商业”）
{
document.getElementById（'PoT_Bbudget'）.setAttribute（'required'，'）；
document.getElementById（'PoT_Ebudget'）.setAttribute（'required'，'）；
}
其他的
{
document.getElementById（'PoT_Bbudget'）.setAttribute（'required'，'）；
document.getElementById（'PoT_Bbudget'）.setAttribute（'required'，'）；
}
}

旅行目的
选择旅行目的
生意
教育类
教育和商业
教育类
$


生意
$

您可以通过设置字段的

required

属性将其设置为必填字段：

例如：

document.getElementById（'PoT_Ebudget'）。必需=true；
//…或
document.getElementById（'PoT_Ebudget'）。必需=false；

此外，最好将元素引用缓存在变量中，以提高代码可读性和性能

const PoT_Ebudget=document.getElementById（'PoT_Ebudget'）；
const PoT_Bbudget=document.getElementById（'PoT_Bbudget'）；
函数更改目的（）{
常量值=document.getElementById（'TravelPurpose'）。值；
PoT_Ebudget.required=（value==“教育”| | value==“教育与商业”）；
PoT_Bbudget.required=（value==“Business”| value==“Education&Business”）；
}

旅行目的
选择旅行目的
生意
教育类
教育和商业
教育类
$


生意
$

这对您有帮助吗？谢谢，但我的逻辑与您共享的不同。如果您对此感兴趣，我已经更新了答案，使代码更加简单。