Question

<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，相反我认为它会添加＆＃34; getWebsite＆＃34;到源而不是用户的输入。

帮助将不胜感激。

Answer 1

使用此：

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

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

Answer 2

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

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

Javascript没有捡起var吗？

2 个答案: