CakePHP 3 imageクリック情報とフォーム

Question

私は標準的なフォームを持っていて、ページのいくつかのイメージはページのランダムな場所に配布されています。画像の中から1つを選択してクリックし、入力に情報を追加してから[送信]ボタンをクリックします。問題は、ランダムに配布されたイメージがクリックされたという事実について、フォームを通じて情報を送信するための良い解決策がないことです。私の唯一のアイデアは画像URLを作ることでしたが、入力から情報を渡すことはできません。標準的なフォーム情報をクリックした画像をどのように組み合わせることができますか？例えば

Answer 1

ここ

<form> 
     <input type="hidden" name="image_info" > 
     <!-- you other input fields --> 
     <input type="text" name=".." > 
     ... 
     ... 
    </form> 

し、HTMLにあなたが

<img src="..." data-info="image info to be placed in hidden field" title="..." alt="..." /> 
<img src="..." data-info="image info to be placed in hidden field" title="..." alt="..." /> 

のようにしてhavascript

<script> 
$('img').on('click', function() { 
    var img = $(this), 
     img_field = $('input[name=image_info]'); 

    img_field .val(img.data('info')); 
}); 
</script> 

に異なる画像タグ を持つ隠しフィールドが含まれているサンプルフォームがあります

これは完全なコードではありませんが、どのように実装できるのかというアイディアです。