表单中的jQuery动画

表单中的jQuery动画,jquery,hide,show,Jquery,Hide,Show,让我从我的表格开始: 我只想显示下面三个可选选项中的一行,基于所选内容。怎么做 谢谢。这是您的小提琴的一个改进版本,它可以满足您的需要: 关键点在于,我使用选项上的值加“-message”作为消息行的id,将显示消息的行引用到所选选项。然后,我绑定到选择框的.change事件,该事件获取当前选定的值,隐藏所有消息,然后显示相关消息 编辑:我用一个自动触发选择框上的更改事件的链接更新了fiddle链接,以确保其中一条消息被显示。有多种方法可以做到这一点。HTML有什么限制吗?没有,就像图中所示。

让我从我的表格开始:

我只想显示下面三个可选选项中的一行,基于所选内容。怎么做


谢谢。

这是您的小提琴的一个改进版本,它可以满足您的需要:

关键点在于,我使用选项上的值加“-message”作为消息行的id,将显示消息的行引用到所选选项。然后,我绑定到选择框的
.change
事件,该事件获取当前选定的值,隐藏所有消息,然后显示相关消息


编辑:我用一个自动触发选择框上的
更改
事件的链接更新了fiddle链接,以确保其中一条消息被显示。

有多种方法可以做到这一点。HTML有什么限制吗?没有,就像图中所示。我猜val()就是答案:DSorry,但这是错误的,当您第一次打开站点时,选项1下没有任何内容(让我补充一下,第一个选择的选项可能会有所不同)。@anon:在事件处理程序的正下方,您可以手动触发
更改
事件,强制它更新到当前选择的选项:
$(“#选择框”)。触发器(“更改”);