Question

我有iFrame我需要更改元素值的一部分

iframe src="http://www.twitch.tv/USERNAME"/

因此，我们的想法是，用户将从下拉列表中选择一个名称，并将iFrame USERNAME更改为正确的用户名：

所以：

在下拉列表中选择了Steve。



页面重新加载iFrame现在有src="http://www.twitch.tv/STEVESUSERNAME/"

如果页面不需要重新加载且只有iFrame必须重新加载，那么还会很酷。

谢谢

Answer 1

尝试这样的事情

$('#Caster').change(function() {
  var value = $(this).find("option:selected").val();
  $('#CasterChat').attr('src', 'http://.../' + encodeURIComponent(value));
});

Answer 2

您是否正在尝试更改＆＃34; CasterChat＆＃34;只有iframe？你可以用这个：

$(document).ready(function(){
    $('#Caster').on('change', function(){
        $('#CasterChat').attr('src', 'http://www.twitch.tv/' + $('#Caster').val() + '/chat?popout=');
    });
});

不要忘记加载jQuery来使其工作。

使用下拉列表更改值

2 个答案: