Jquery仅在选项选择表之后显示结果

目前我显示所有选项。我只想在选择该选项时显示结果

选择所选选项后，需要输入

应使用表tr td标记完成此操作。见下面的例子

感谢您的解释、建议和支持

$（文档）.ready（函数（）{
$（'#problem'）。关于（'change'，function（））{
$（'.display，.display_1'）.show（）；
if（this.value.trim（））{
如果（this.value！==“测试”）{
$（'.display'）.hide（）；
}
else if（this.value！=“test1”）{
$（'.display_1'）.hide（）；
}   
}
});
});
$（文档）.ready（函数（）{
$（“#路由器”）.prop（'required'，true）；
$（“#开关”）.prop（'required'，true）；
$（“#框”）.prop（'required'，true）；
});

问题:
试验
测试1
路由器
转换
盒子
对于显示问题：只需添加
显示：无到您的
显示\u 1
css类

如果您想强制设置字段，则必须在提交表单之前验证表单：
对于显示问题：只需添加
display:none到您的
显示\u 1
css类

如果您想使字段成为必填字段，则必须在表单提交之前对其进行验证：
这必须包含在if/else语句中：


$（文档）.ready（函数（）{
$（'#problem'）。关于（'change'，function（））{
$（'.display，.display_1'）.show（）；
if（this.value.trim（））{
如果（this.value！==“测试”）{
$（'.display'）.hide（）；
$（“#开关”）.prop（'required'，true）；
$（“#路由器”）.prop（'required'，false）；
$（“#框”）.prop（'required'，true）；
}
else if（this.value！=“test1”）{
$（'.display_1'）.hide（）；
$（“#开关”）.prop（'required'，false）；
$（“#路由器”）.prop（'required'，true）；
$（“#框”）.prop（'required'，false）；
}   
}
});
});

问题:
试验
测试1
路由器
转换
盒子
这必须包含在if/else语句中：


$（文档）.ready（函数（）{
$（'#problem'）。关于（'change'，function（））{
$（'.display，.display_1'）.show（）；
if（this.value.trim（））{
如果（this.value！==“测试”）{
$（'.display'）.hide（）；
$（“#开关”）.prop（'required'，true）；
$（“#路由器”）.prop（'required'，false）；
$（“#框”）.prop（'required'，true）；
}
else if（this.value！=“test1”）{
$（'.display_1'）.hide（）；
$（“#开关”）.prop（'required'，false）；
$（“#路由器”）.prop（'required'，true）；
$（“#框”）.prop（'required'，false）；
}   
}
});
});

问题:
试验
测试1
路由器
转换
盒子
谢谢你，迈克，但是通过添加一个新行SAM（对于新的选择选项TEST2），它不再工作了。。。它也显示在test和test1中。。。通常情况下，它应该只在test2中显示……您知道为什么吗


$（文档）.ready（函数（）{
$（'#problem'）。关于（'change'，function（））{
$（'.display、.display_1、.display_2'）.show（）；
if（this.value.trim（））{
如果（this.value！==“测试”）{
$（'.display'）.hide（）；
$（“#开关”）.prop（'required'，true）；
$（“#路由器”）.prop（'required'，false）；
$（“#框”）.prop（'required'，true）；
$（“#sam”）.prop（'required'，true）；
}
else if（this.value！=“test1”）{
$（'.display_1'）.hide（）；
$（“#开关”）.prop（'required'，false）；
$（“#路由器”）.prop（'required'，true）；
$（“#框”）.prop（'required'，false）；
$（“#sam”）.prop（'required'，true）；
}   
else if（this.value！=“test2”）{
$（'.display_2'）.hide（）；
$（“#开关”）.prop（'required'，false）；
$（“#路由器”）.prop（'required'，false）；
$（“#框”）.prop（'required'，false）；
$（“#sam”）.prop（'required'，true）；
}   
}
});
});

问题:
试验
测试1
测试2
路由器
转换
盒子
山姆
谢谢你，迈克，但是通过添加一个新行SAM（对于新的选择选项TEST2），它不再工作了。。。它也显示在test和test1中。。。通常情况下，它应该只在test2中显示……您知道为什么吗


$（文档）.ready（函数（）{
$（'#problem'）。关于（'change'，function（））{
$（'.display、.display_1、.display_2'）.show（）；
if（this.value.trim（））{
如果（this.value！==“测试”）{
$（'.display'）.hide（）；
$（“#开关”）.prop（'required'，true）；
$（“#路由器”）.prop（'required'，false）；
$（“#框”）.prop（'required'，true）；
$（“#sam”）.prop（'required'，true）；
}
else if（this.value！=“test1”）{
$（'.display_1'）.hide（）；
$（“#开关”）.prop（'required'，false）；
$（“#路由器”）.prop（'required'，true）；
$（“#框”）.prop（'required'，false）；
$（“#sam”）.prop（'required'，true）；
}   
else if（this.value！=“test2”）{
$（'.display_2'）.hide（）；
$（“#开关”）.prop（'required'，false）；
$（“#路由器”）.prop（'required'，false）；
$（“#框”）.prop（'required'，false）；
$（“#sam”）.prop（'required'，true）；
}   
}
});
});

问题:
试验
测试1
测试2
路由器
转换
盒子
山姆
我删除了带有“show（）”的行，因为它不是必需的。要不然也行


$（文档）.ready（函数（）{
$（'#problem'）。关于（'change'，function（））{
if（该值）{
如果（this.value=='test'）{
$（'.display'）.show（）；
$（'.display_1'）.hide（）；
$（'.display_2'）.hide（）；
$（“#开关”）.prop（'required'，false）；
$（“#路由器”）.prop（'required'，true）；
$（“#框”）.prop（'required'，false）；
$（“#sam”）.prop（'required'，false）；
}
if（this.value==“test1”）{
$（'.display'）.hide（）；
$（'.display_1'）.show（）；
$（'.display_2'）.hide（）；
$（“#开关”）.prop（'required'，true）；
$（“#路由器”）.prop（'required'，false）；
$（“#框”）.prop（'required'，true）；
$（“#sam”）.prop（'required'，false）；
}   
if（this.value==“test2”）{
$（'.display'）.hide（）；
$（'.display_1'）.hide（）；
$（'.display_2'）.show（）；
$（“#开关”）.prop（'required'，false）；
$（“#路由器”）.prop（'required'，false）；
$（“#框”）.prop（'required'，false）；
$（“#sam”）.prop（'required'，true）；
}         
}
});
});

问题:
试验
测试1
测试2
路由器
转换
盒子
山姆
我删除了带有“show（）”的行，因为它不是必需的。其他的