Question

我不知道这是否可能，我不确定如何准确地说出标题。

我有一个简单的HTML文本字段。在文本字段的右侧，我有一个“搜索项”按钮。当我点击按钮时，我想通过jquery弹出一个模态窗口。在那个模态窗口中，我有很多图像。每个图像具有特定值，例如img1，img2，img3等。

我想要做的是当点击图像时，模态窗口应该关闭，图像的值应该插入到HTML文本字段中。

这甚至可能吗？如果是，那究竟能做到这一点？任何人都可以将我推荐给某些网站或给我潜在的搜索关键字，甚至更好，一个简单的示例代码。

Answer 1

这不仅是可能的，而且相当简单，这是example如何做类似的事情？

Answer 2

初始对话框设置。

$('#element').dialog({
  'autoOpen' : false,
  'modal' : true
});

单击“搜索”图标时，打开模态窗口。

$('#searchIcon').click(function(){
  $('#element').dialog('open');
});

我假设图像位于我们刚设置为MODAL元素的容器中。

$(document).on('click', '#element img', function(){
  //how does each image have a value? value is not a property of <img>
  $('input').html($(this).prop('rel'));
  //assumed in the above the value is stored in the rel property
  $('#element').dialog('close');
});

Answer 3

是的，这是非常有可能的。这是使用demo的jQuery UI Dialog widget。希望有所帮助！

如何通过模式“弹出”窗口将值插入文本字段？

3 个答案: