使用 JavaScript 将输入发送到 url 并控制 iframe 直到提交？

Question

我有一个基本的 html 设置：

        <input id="input_data" type="text" />
    <input id="submit_data" type="submit" value="submit" />
<br />
<iframe name="Frame1" id="Frame1" src="~/d/Test.php?DataId=(This is where I need input data)" ></iframe>

我查看了一些类似的标题，但方法无效。 Prehaps 我完全做错了，因为 iframe 在按下提交之前甚至不应该做任何事情。

Answer 1

尝试使用 form 标记提交并使用 return 防止页面刷新。并通过 dom 设置 src 属性。iframe 在添加了 src

function add() {
  var url = document.getElementById('input_data').value
  document.getElementById('Frame1').src = "~/d/Test.php?DataId=" + url
  console.log(document.getElementById('Frame1').src);
  return false;
}

<form onsubmit="return add()">
  <input id="input_data" type="text" />
  <input id="submit_data" type="submit" value="submit" />
  <br />
</form>
<iframe name="Frame1" id="Frame1"></iframe>

Answer 2

呈现父页面后立即加载 iFrame，因为您在 html 标记内设置了 src 属性。

如果您想稍后加载它，您可以通过在 JavaScript 中设置 src 属性来实现，然后：

document.getElementById("Frame1").src = "/d/Test.php?DataId=" + data;

使用 JavaScript 将输入发送到 url 并控制 iframe 直到提交？

Using JavaScript to send input to a url and control a iframe until submit?

javascript

html

iframe

input

submit-button