如何通过 jQuery 关闭选择框中的不同项目？

Question

使用 Wordpress（iDeasilo 的联系表单插件）并需要帮助来执行特定任务。我用谷歌搜索过，但找不到我要找的东西。刚开始使用 jQuery，因此任何帮助都会有所帮助。

我的问题是：

如果用户单击特定的单选按钮，我如何能够隐藏或不允许用户在选择框中选择其他选项？

因此，如果有三个不同的单选按钮（三明治、炸玉米饼和披萨），我就点击“披萨”。选择框选项应保持默认状态。当我单击选择框时，所有其他选项都会消失或被禁用，因此您无法从列表中进行选择。但这只会在您单击“披萨”时发生。

我将如何实现这个目标？

Answer 1

我会将一个事件处理程序附加到一个控件（单选按钮），这会影响/更改选择控件中的选项：

$('#myRadioButtonInput').click(function() { $('#theSelectToAffect option.Conditional').hide(); });

只需在进行下拉/选择时将“条件”类附加到条件选项即可。