Question

用append方法动态添加的一个div，怎么获取到这个div中的input中的value值？

我尝试用on方法，但是没成功，返回了空。需求是：用append方法添加input标签，然后填写内容，提交，然后获取填写的内容。目前：获取不到input标签中输入的内容，返回空请大佬赐教，小白一枚





Answer 1

这个肯定是加载顺序的问题了，首先你的div是生成的，里面的内容你必须要在生成并且输入内容之后再去获取，否则这就会拿不到value的数据，自然就是返回空了。

Answer 2

会返回一个对象,使用这个对象取值.

追问

好的，我试试

追答

我试了下,我说的方法是错误的.
我提出一点建议.append肯定是需要可控的,也就意味着,你了解你要添加的是什么.可能存在多种不同的情况,但每种情况必须都是在你意料之中的.
那么问题就简单了,只要添加之后find一次.或者添加之前处理下res.data['html'],比如添加某个标记之类的.方便之后取元素. 看你的代码,像是react之类的,也许可以找找react的方法.

追问

非常感谢回答，我找到自己的问题了，一直获取不到input标签的内容是因为与一个父元素重名了，直接用这个就能获取到元素，自己太粗心了，感谢感谢

Answer 3

append添加的元素 添加事件方法：
$("input的父元素").on("事件"，“input”,function(){})，
也就是$(".am-u-sm-6").on("click","#drug_1",function(){})

追问

感谢回答

Answer 4

用jQuery吧,直接获取,如下

$(".tpl-form-input").val()

来自 火星译客

追问

感谢回答