Javascript没有拿起var？ [关闭]答案

【问题标题】：Javascript Not Picking Up var? [closed]Javascript没有拿起var？ [关闭]
【发布时间】：2014-06-02 13:29:14
【问题描述】：

<input type="text" id="user" />
<button onclick="submit();" href="javascript:;">Submit</button>

<iframe src="http://google.com" id="openBox" width="100%" height="500px"></iframe>

<script>
  function submit() {
      var getWebsite = document.getElementById('user');
      document.getElementById("openBox").src = getWebsite;
  }
</script>

我希望根据输入框内的内容更改源。 src 并没有改变 iframe，而是我认为它将“getWebsite”添加到源而不是用户的输入。

我们将不胜感激。

【问题讨论】：

标签： javascript html iframe

【解决方案1】：

使用这个：

var getWebsite = document.getElementById('user').value;

您将getWebsite 变量设置为<input type="text" id="user" />，而不是该输入字段的值。

【讨论】：

他还必须将button 更改为type="button" 以阻止它提交页面（并意识到href 什么都不做）。编辑：事实上，只有当<button> 在表单中时，它似乎不在示例中。
@Matt：我认为目前没有理由让按钮实际提交页面。它只有Submit 标签，并且它正在调用一个名为submit 的函数...但是由于它实际上不是形式，正如您所说，这不是问题:-)
它工作得很好，谢谢=D

【解决方案2】：

添加 .value 以获取输入值而不是元素：

<script>
  function submit() {
      var getWebsite = document.getElementById('user').value;
      document.getElementById("openBox").src = getWebsite;
  }
</script>

【讨论】：