jquery - 从多个输入文本中获取 GD 图像

Question

我目前有一个 GD 图像，它从我希望发送的表单中获取它的输入，而无需刷新页面。

我目前有 1 个错误，但我无法弄清楚。

我以前没有使用过 jQuery，但我查看了所有 .val 文档并尝试在其他地方寻找帮助，但并没有成功。

这是JavaScript：

$(function() {
    $('button').click(function() {         
        $('#imgText').html('<img src="imagecreator.php?param=' + $('input[name=username1]').val() + '"&param="'+ $('input[name=username2]').val() +    '" />');
    });
});​

这是一个jsFiddle。

Answer 1

You don't need to escape the html tags, and be careful with the quotes.

Try:

$(function() {
    $('button').click(function() {         
        $('#imgText').html('<img src="imagecreator.php?param=' + $('input[name=username1]').val() + '&param='+ $('input[name=username2]').val() +    '" />');
    });
});​

And note: You have two parameters all with name param, the last one will overwrite the first one.

Answer 2

尝试这个：

$(function() {
    $('button').click(function() {         
        $('#imgText').html('<img src="imagecreator.php?param=' + $('input[name=username1]').val() + '&param='+ $('input[name=username2]').val() +    '" />');
    });
});​