我想创建一个表格,当有可能添加/删除额外的选择行,但所有这些新的选择应该有可能显示DIV取决于所选的选项。
加载页面的第一行一切正常,DIV根据我们的选择显示输入表单、普通文本或另一个选择(这个不需要在附加DIV中显示任何内容)。但是对于添加的行,选择后什么都没有发生。
有什么办法可以解决这个问题或者使用其他解决方案吗?
第一个
示例:http://jsfiddle.net/3th96bac/
我想创建一个表格,当有可能添加/删除额外的选择行,但所有这些新的选择应该有可能显示DIV取决于所选的选项。
加载页面的第一行一切正常,DIV根据我们的选择显示输入表单、普通文本或另一个选择(这个不需要在附加DIV中显示任何内容)。但是对于添加的行,选择后什么都没有发生。
有什么办法可以解决这个问题或者使用其他解决方案吗?
第一个
示例:http://jsfiddle.net/3th96bac/
2条答案
按热度按时间u3r8eeie1#
主要问题是您有多个具有相同ID的元素。ID必须是唯一的。
其次,你的
$(".type").change(function() {
不会被新添加的元素触发。演示版
第一个
2w3rbyxf2#
http://jsfiddle.net/kairavthakar2016/nkrqahpf/11/
请修改您的HTML,请使用类而不是ID,并在上述示例中将jQuery替换为类名