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 调用加载的，并且您需要测试该表单中的值，那么您需要挂钩加载表单的 AJAX 代码，并在 AJAX 调用完成后调用您的代码。

为了让我们就如何挂钩 AJAX 调用向您提供建议，我们需要查看 AJAX 代码。

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