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

Question

使用 Wordpress（iDeasilo 的联系表单插件）并需要帮助来执行某项任务。我搜索了谷歌，但找不到我要找的东西。使用 jQuery 的新手，所以任何帮助都会有所帮助。

我的问题是：

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

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

我将如何做到这一点？

Answer 1

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

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

当您进行下拉/选择时，只需将“条件”类附加到条件选项。