それぞれのIDに基づいて繰り返しdivの画像を変更する動的な繰り返し形式のdivがあります。div画像がクリックされたときに、クリックされたdivのファイル入力をトリガーしたいと思います。コンテンツは、jquery postリクエストを使用してdiv(image-container)にロードされます。
HTML
<div id="image-container"></div>
//repating dynamic form
<?php while($row=mysqli_fetch_assoc($result)):?>
<div class="image">
<form name="image_change">
<img src=".." class="image_change"/>
<input name="image" type="file" />
<input name="id" type="hidden" />
<input name="edit" type="submit" />
</form>
</div>
<?php endwhile;?>
jQuery
$('#image-container').on('click', 'form[name=image_change] .image_change', function(){
$(this).find('input[name=image]').trigger('click');
return false;
});
これは、フォームが繰り返されていない場合にのみ機能します。繰り返しフォームで機能させるにはどうすればよいですか。
これを行うための可能な方法を見て、提案してください。
ありがとう。