如何根据来自文本字段的用户输入更改iframe URL？

我有一个iframe网址，我想根据用户输入的文本字段进行更改。所以我有：如何根据来自文本字段的用户输入更改iframe URL？

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

我想将{CHANNEL}更改为用户输入到文本字段并通过按钮提交。例如，如果用户在文本字段中输入“TestName”，则新的iframe URL将变为src =“http://player.twitch.tv/?channel=TestName”

不知道如何执行此操作。

来源

2017-03-18 areckerd

你有任何的代码？我们可以帮助您解决代码中的特定问题，但我们不会为您编写代码。你可以通过JavaScript事件来改变iframe的src属性。 – Canolyb1

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

function changeChannel(){ 
 
    document.getElementById("twitchFrame").src = "http://player.twitch.tv/?channel="+document.getElementById("channel").value; 
 
}

<input type="text" id="channel"></input> 
 
<button type="button" onClick="changeChannel();">Change Channel</button> 
 
<iframe 
 
    id="twitchFrame" 
 
    src="about:blank" 
 
    height="720" 
 
    width="1280" 
 
    frameborder="0" 
 
    scrolling="no" 
 
    allowfullscreen="true"> 
 
</iframe>

来源

2017-03-18 03:06:07 Feathercrown

如何根据来自文本字段的用户输入更改iframe URL？

回答

相关问题