0

我不知道这是否可能，而且我不确定如何准确地表达标题。

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

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

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

4

3 回答 3

2

这不仅有可能，而且相当简单，这里有一个如何做类似事情的例子？

于 2012-08-12T14:55:43.383 回答
0

初始对话框设置。

$('#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');
});
于 2012-08-12T14:56:25.030 回答
0

是的，很有可能。这是一个使用jQuery UI 对话框小部件的演示。希望有帮助！

于 2012-08-12T14:56:38.040 回答