使用带有 <select> 选项的 jQuery答案

【问题标题】：Use jQuery with <select> option使用带有 <select> 选项的 jQuery
【发布时间】：2011-07-17 12:00:08
【问题描述】：

我找到了一个 jQuery 代码，它允许我检查 id 某个单选/复选框是否被选中，然后根据选择显示其他内容。有没有办法使用<select> 选项来做到这一点？例如，如果我有一个选择框，其中包含“面包”、“牛奶”和“水”作为选项，并且用户单击“面包”，它将显示“面包价格为 2.99 美元”，但如果您选择“牛奶” ”，它会说“牛奶是 2.49”。代码在http://jsfiddle.net/U9Jsh/。

谢谢。

【问题讨论】：

我认为你必须自己学习编程。

标签： javascript jquery select checkbox radio

【解决方案1】：

当然。您可以在 select 上使用 .change() 处理程序，在处理程序中使用 $(this).val()。请参阅this fiddle 了解基于面包和牛奶进行更改的示例。这是一个不基于您的小提琴的小型独立示例，应该可以帮助您入门。您也可以使用“option:selected”选择器。

【讨论】：

这可能是比我的更优雅的解决方案 :)

【解决方案2】：

使用 $('select option:selected') 获取当前选择的一个或多个选项（如果是多选）。

【讨论】：

+1 没错。 OP 可以通过快速的 Google 搜索找到此信息。