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

html タグをエスケープする必要はありません。引用符には注意してください。

試す：

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

注意: name を持つ 2 つのパラメーターがありparam、最後のパラメーターは最初のパラメーターを上書きします。

Answer 2

これを試して：

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