将文本框变量传递给 URL，然后在 iframe 中打开答案

【问题标题】：Passing textbox variable to URL then open in iframe将文本框变量传递给 URL，然后在 iframe 中打开
【发布时间】：2018-04-02 23:17:01
【问题描述】：

我有下面的脚本，用于将变量传递给 URL。当我单击搜索按钮时，它会重定向到包含文本框中变量的 URL，但是我需要做的是在搜索框下方打开的 iframe 中打开页面，这样我就可以在该框仍然可见的情况下再次搜索。
任何帮助将不胜感激。
非常感谢，
马丁。

附：我已从 URL 中删除了电子表格代码。

<!DOCTYPE html>
<html>
<body>
Search by word (case sensitive):<br>
<input type="text" id="urlInput" value="">
<input type="hidden" id="urlInput2" value="%22">


<button onclick="redirect()">Search</button>

<script>
function redirect() {
var url = "https://docs.google.com/spreadsheets/d/XXXXXXXXXXXXXXXXXX/gviz/tq?tqx=out:html&tq=SELECT%20*%20where%20B%20contains%20%22" + document.getElementById('urlInput').value + document.getElementById('urlInput2').value;
window.location=url;
}
</script>

</body>
</html>

【问题讨论】：

标签： javascript variables url iframe

【解决方案1】：

你想要这个吗？

function redirect() {
  var url = "https://docs.google.com/spreadsheets/d/XXXXXXXXXXXXXXXXXX/gviz/tq?tqx=out:html&tq=SELECT%20*%20where%20B%20contains%20%22" + document.getElementById('urlInput').value + document.getElementById('urlInput2').value;
  document.getElementById('iframe').src = url;
}

#iframe {
  width: 100%;
  height: 80%;
}

Search by word (case sensitive):<br>
<input type="text" id="urlInput" value="">
<input type="hidden" id="urlInput2" value="%22">


<button onclick="redirect()">Search</button>
<iframe src="https://cn.bing.com/?scope=web" id="iframe"></iframe>

【讨论】：

这正是我所追求的！非常感谢@xianshenglu