Javascript Not Picking Up var?

Javascript Not Picking Up var?

本文关键字：var Up Picking Not Javascript      更新时间：2023-09-26
<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并没有改变iframes，相反，我认为它添加了"getWebsite"到源而不是用户的输入。

使用

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

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

添加.value来获取输入值，而不是元素:

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