現在、リストに一連の画像があります。
<div id="holiday">
<ul>
<li><img src="images/stationery/christmas.jpg" width="68" height="80" /></li>
<li><img src="images/stationery/easter.jpg" width="68" height="80" /></li>
<li><img src="images/stationery/hannukah.jpg" width="68" height="80" /></li>
</ul>
</div>
ユーザーが画像の 1 つをクリックすると、この div の背景が変わります。
var switchfg = jQuery('#preview');
var switchbg = jQuery('#holiday img');
switchbg.on("click", function() {
var img3 = $(this).attr('src');
switchfg.css('background', "url("+img3+")");
var stationery=img3;
alert(stationery);
変数 stationery は、POST されたフォームを介して渡したい値を保持します。送信ボタンの直前に、可変ステーショナリーの内容を追加しようとしたのですが、「ステーショナリー」という単語しか渡されません。
$('form.general').append("<input type='hidden' name='stationery' value="stationery" />");
この値を POST 経由で渡してデータベースに送信するにはどうすればよいですか?