Bootstrap Modalから親フォームへデータ値を渡す方法

Question

Bootstrapモーダルから親フォーム/ウィンドウにデータ属性またはクリックイベントを渡す方法。例えば

、 入力ボックスの下にクリックすると、モーダルは今、ユーザーがモーダルの内側のdivをクリックしたときに、データ属性

<input type="text" name="menu_image_id" class="form-control" data-toggle="modal" data-target=".show_modal_w" /> 

<input type="text" name="menu_image_id_2" class="form-control" data-toggle="modal" data-target=".show_modal_w" /> 

モーダルウィンドウ

<div class="modal fade show_modal_w" tabindex="-1" role="dialog"> 
    <div class="modal-dialog modal-lg" role="document"> 
     <div data-id="1" data-dismiss="modal">Hello</div> 
     <div data-id="2" data-dismiss="modal">Welcome</div> 
     <div data-id="3" data-dismiss="modal">Morning</div> 
    </div> 
</div> 

を持つdivタグでポップアップしますがたとえばHello、WelcomeまたはMorningの場合、modalからparentへのid値をmenu_image_idという名前の入力ボックスに渡す必要があります。

以下のclose関数を使用してみましたが、親ウィンドウにモーダルデータIDを取得できませんでした。私はあなたがやったよりも、別の方法をしようとしている

$('.show_modal_w').on('hidden.bs.modal', function (e) { 
    $(e.relatedTarget); 
}) 

Answer 1

、

の代わりhidden.bs.modalをキャプチャ、私はdiv.on.clickを捕捉し、その代わりにしています：

$('.show_modal_w').on('hidden.bs.modal', function (e) { 
    $(e.relatedTarget); 
}) 

私は

$("body").on("click", ".show_modal_w div[data-id]", function() { 
    $("input[name='menu_image_id']").val($(this).data("id") + " - " + $(this).text()); 
    $(".show_modal_w").modal("hide"); 
}); 

を書き、ここにjsfiddleです：https://jsfiddle.net/f9urohoo/ 私はIDを入れて[name = "menu_image_id"]で入力内でクリックされたdivのテキストですが、あなたはそれをあなたが望むように適応させることができます。

あなたが望むかどうか教えてください