動的な隠しフィールドが必要です

Question

私は、ユーザーが画像を選択して何かを書くことができるスクリプトを持っています...彼らはJQueryスライドビューアから画像を選択します。

ここで画像を選択するのは簡単ですが、選択した画像を他のフォームデータでどのように取り込むことができますか？各画像LI要素に現在ある

コードスニペット：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
<script src="/js/jquery.easing.1.3.js" type="text/javascript"></script> 
<script src="/js/jquery.slideviewer.1.2.js" type="text/javascript"></script> 

UPDATEの下に提案したが、まだ動作していないとして、私は今、これを追加しました：

<script type="text/javascript"> 
$("#wl_add").submit(function (event) { 

$(this).find("input[name='item_pic_url']") 
.val($("#mygalthree img").attr('src')); 

}); 
</script> 

<div id="mygalthree" class="svw"><ul> 
<?PHP 

foreach($html->find('img') as $e){ // from simple_html_dom 

$image = $e->src; 

echo '<li><img src="'.$image.'" width=300 alt="" /></li>'; 
echo '<input type="hidden" name="item_pic_url" value="'.$image.'" />'; 

?> 

</ul></div> 

隠しフィールドをそこに現在、現在、ULに追加された最後の画像が保存されています

隠されたフィールドをダイナミックにして、選択した画像に応じて、ゲド - 私は隠しフィールドクリックイベントが発生した

Answer 1

1. は別の隠しフィールドを追加し、current_item_urlまたはあなたがそれを呼びたいと思っているものは何でも。

2. フォームのリスナーをsubmitに追加します。

3. リスナーでは、現在の画像のsrcを隠しフィールドにコピーします。

たとえば、以下のようなもの：slideviewerは、イベントが発生したり、にフックすることができますコールバックを提供する場合、スライドの変更は、あなたがしたい場合とき

$("#whatever-form").submit(function (event) { 

    $(this).find("input[name='current_item_url']") 
    .val($("#mygalthree img").attr('src')); 

}); 

あるいは、あなたが隠しフィールドの値を更新することができます。

Answer 2

内のimg srcを必要とする理想的には、このように隠されたフィールドを更新：

$('item_pic_url').value('selected_image_identifier');