Php 从文本框中输入的值更改iframe

我想制作一个页面，允许用户输入他的Minecraft名称，输入的名称将在此链接中更改：

http://www.minecraft-skin-viewer.net/3d.php?layers=true&aa=true&a=0&w=330&wt=10&abg=330&abd=40&ajg=340&ajd=20&ratio=13&format=png&login=<NAME>&headOnly=false&displayHairs=true&randomness=708 http://www.minecraft-skin-viewer.net/3d.php?layers=true&aa=true&a=0&w=330&wt=10&abg=330&abd=40&ajg=340&ajd=20&ratio=13&format=png&login=&headOnly=false&displayHairs=true&randomness=708

---

我如何才能做到这一点？

您可以使用jQuery做到这一点

例如，您有以下html代码：

<input type="text" id="name">
<input type="button" id="dostuff" value="View your Skin!">
<hr>
<iframe width="290" height="433" id="SkinViewer"></iframe>

---

请记住：要使jQuery工作，您应该首先加载jQuery库

到目前为止你试过什么了吗？我知道怎么做，但不知道如何组合才能一起工作？

$(document).ready(function(){
    $('#dostuff').click(function(){
        var url = 'http://www.minecraft-skin-viewer.net/3d.php?layers=true&aa=true&a=0&w=330&wt=10&abg=330&abd=40&ajg=340&ajd=20&ratio=13&format=png&login=' + $('#name').val() + '&headOnly=false&displayHairs=true&randomness=930';
        $('#SkinViewer').attr('src',url); 
    });
});