我的网页上有一个 Netresults 表单，需要预先填充。该表单是使用 javascript 插入到页面中的，因此我无法在源代码中看到表单字段。
如果表单位于我的页面上，我将使用以下代码，但由于它不在我的页面上，我不知道如何定位这些字段。有人可以帮忙吗？
var keywords = getUrlParameter('keywords');
$('input[name=netres-keywords]').val(keywords);
使用以下代码插入网络结果表单：
(function() {
var $__MAForm;
($__MAForm =function(){
if(typeof($__MA)=="undefined"){
return window.setTimeout($__MAForm,50);
}else{
$__MA.addMAForm("43788303-2b62-4774-ad0f-63542e3ed92a", "forms.example.com");
}
})();
})();
这可能需要使用突变观察者 https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver.
突变观察者将检查 DOM 的更改（添加的元素等），我们可以使用它来触发事件。下面的代码将更改名称输入的值netres-keywords任何时候新的<form>元素被添加到<body>.
在本文底部的 JSFiddle 示例中，我创建了一个按钮来模拟添加到页面的表单。如您所见，文本框将预先填充。
示例 JSFiddle https://jsfiddle.net/cqc9kq2t/3/
$(document).ready(function() {
var keywords = "this is a test keyword";
var formCount = $("form").length;
var observer = new MutationObserver(function() {
var newFormCount = $("form").length;
if (newFormCount > formCount) {
$('input[name=netres-keywords]').last().val(keywords);
}
});
$("button").click(function() {
$form = $("<form>").html("<h1>New form:</h1><input type='text' name='netres-keywords'>");
$("body").append($form);
});
var observerConfig = {
attributes: true,
childList: true,
characterData: true
};
var targetNode = document.body;
observer.observe(targetNode, observerConfig);
});
form {
padding: 10px;
border: 1px solid red;
margin-bottom: 20px;
}
h1 {
margin: 0;
padding: 0;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>
SIMULATE ADDING FORM
</button>
<br>
<br>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
