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

How to insert value into a text field through modal "pop up" window?

本文关键字：插入文本 字段 弹出窗口 窗口 模式 何通过      更新时间：2023-09-26

我不知道这是否可能，我不确定如何准确措辞标题。

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

我正在尝试做的是，当单击图像时，模态窗口应关闭，并且图像的值应插入HTML文本字段中。

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

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

初始对话框设置。

$('#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');
});

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

相关文章：