Question

我有一个按钮可以在HTML页面中打开外部模态。在这个模态中，我列出了一些图像。当我点击图片时，我希望向我的父页面发送信息。

我该怎么做？

我的表格：

<button class="img-change">Open my modal</button>
<form>
  <input type="text">
</form>
<div class="modal fade" id="showLibraryFiles"></div>

打开我的模态：

$('.img-change').click(function(event) {
    event.preventDefault();
    $('#showLibraryFiles').load('listFiles.php');
    $('#showLibraryFiles').modal('show');
});

我的模态：

...
// On click on this image:
// 1: close modal
// 2: populate the input file with the src
<img src="image.png">
...

Answer 1

我会尝试这样的事情。但是，我不太确定你的意思是“用src填充输入文件”

$('.img-change').click(function(event) {
    event.preventDefault();
    $('#showLibraryFiles').load('listFiles.php');
    $('#showLibraryFiles').modal('show');
    $('#showLibraryFiles img').click(function(){
         $('#showLibraryFiles').modal('hide');
         var src = $(this).attr('src');
         $('input').val(src);//populate the input file with the src
    });
});

将数据从模态传输到父页面

1 个答案: