javascript - 在页面加载时检索元素的值以用于 JQuery 函数

Question

我正在尝试编写一个函数，该函数将在更新名字和姓氏字段时更新表单的 URL slug 字段。但只有在页面加载时 slug 为空。

当对名字/姓氏字段进行任何更改时，我已经成功地让 slug 进行更新。我只是不太清楚如何将更新限制在 slug 字段的值为空的情况下。

我遇到的一个问题是表单是通过 AJAX 加载的，所以如果我在页面加载时测试 slug 字段的长度，它总是返回空的。

关于如何编辑它有什么想法吗？

var FirstName = jQuery('input#FirstName').attr('value').replace(/[^\w]/gi, '');
var LastName = jQuery('#LastName').attr('value').replace(/[^\w]/gi, '');
jQuery('#URLName').attr('value', FirstName + "_" + LastName);

Answer 1

如果表单是通过 AJAX 调用加载的，并且您需要测试该表单中的值，那么您需要 Hook 加载表单的 AJAX 代码，并在 AJAX 调用完成后调用您的代码。

为了让我们建议您如何挂接到 AJAX 调用，我们需要查看 AJAX 代码。

如果您无法连接到 AJAX 调用并且您愿意实现一些 hack，那么您可以在页面加载时使用 setInterval() 开始轮询页面并继续直到表单的元素在页面中然后停止间隔并检查表单。