将jQuery与<select>选项</select>一起使用

时间:2011-03-17 15:18:00

标签: javascript jquery select checkbox radio

我找到了一个jQuery代码,它允许我检查id,检查某个radio / checkbox,然后根据选择显示其他内容。有没有办法用<select>选项执行此操作?例如,如果我有一个选择框,其中包含“面包”,“牛奶”和“水”,并且用户单击“面包”,则会显示“面包是2.99美元”,但如果您选择“牛奶” “,它会说”牛奶是2.49“。代码位于http://jsfiddle.net/U9Jsh/

谢谢。

2 个答案:

答案 0 :(得分:4)

不确定。您可以在select中使用.change()处理程序,在处理程序中使用$(this).val()。有关显示根据面包和牛奶进行更改的示例,请参阅this fiddle。这是一个小型的自成一体的例子,不是基于你的小提琴,应该让你开始。您也可以使用“option:selected”选择器。

答案 1 :(得分:3)

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