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

Question

使用Wordpress（ iDeasilo的联系表单插件），并且在执行特定任务时需要帮助。 我搜索谷歌，但未能找到我一直在寻找。 使用jQuery的新手，所以任何帮助都会有所帮助。

我的问题是：

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

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

我将如何完成？

Answer 1

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

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

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