如何根据文本字段中的用户输入更改iframe网址?

时间:2017-03-18 02:56:36

标签: javascript html forms iframe

我有一个iframe网址,我想根据用户输入到文本字段的内容进行更改。所以我有:

<iframe
    src="http://player.twitch.tv/?channel={CHANNEL}"
    height="720"
    width="1280"
    frameborder="0"
    scrolling="no"
    allowfullscreen="true">
</iframe>

我想将{CHANNEL}更改为用户输入文本字段并通过按钮提交的内容。例如,如果用户输入&#34; TestName&#34;在文本字段中,新的iframe URL将成为src =&#34; http://player.twitch.tv/?channel = TestName&#34;

不知道该怎么做。

1 个答案:

答案 0 :(得分:1)

试试这个。请记住,输入未经过验证/保护。

&#13;
&#13;
fx-text-fill: red
&#13;
function changeChannel(){
  document.getElementById("twitchFrame").src = "http://player.twitch.tv/?channel="+document.getElementById("channel").value;
}
&#13;
&#13;
&#13;