使用javascript点击填充模态联系表单

时间:2014-02-26 16:34:14

标签: forms modal-dialog contact

我有一个模态表单,在单击具有特定类的锚标记时加载。

我想要实现的是在单击锚标记时将值应用于mdoal表单中的某个文本字段。

当使用id =" contact-catalog"单击锚标记的输入字段时,我将此功能工作到具有以下内容的点。使用锚标记中设置的值填充:

<input type="text" id="contact-catalogue" />

<a class="button-left contact" href="#" onclick="document.getElementById('contact-catalogue').value='link2';">Request</a></div>

我的问题是,当点击锚标记并且锚标记中设置的值没有填充所需的文本字段时,会加载模态窗体。

我的猜测是,因为单击锚标记后加载表单,所以没有提取ID,这就是没有传递该值的原因。

任何帮助都将非常感谢....

1 个答案:

答案 0 :(得分:1)

所以我想出了一个关于如何在onclick事件中填充Modal表单中的输入字段的解决方案。

基本上我在onclick事件上设置了一个延迟,它为模态​​窗口提供了足够的加载时间。这允许onclick事件在表单中找到输入字段的ID,并用我需要的值填充它:

<a class="button-left contact" onclick="setTimeout(function() {document.getElementById('contact-catalogue').value='AS101'}, 1000);" href="#">Kit Insert Request</a></div>

我希望这可以帮助处于未来类似情况的任何人。