Question

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

我目前有1个错误，但我无法理解。

之前我没有使用过jQuery，但是我查看了所有的.val文档并试图找到其他地方的帮助，但这并没有成功。

这是JavaScript：

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

And here's a jsFiddle.

Answer 1

您不需要转义html标记，并且要小心引号。

尝试：

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

请注意：您有两个名称为param的参数，最后一个将覆盖第一个参数。

Answer 2

试试这个：

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

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

2 个答案: