Javascript 如何通过“modal”将值插入文本字段；“弹出窗口”；窗户？

我不知道这是否可能，我也不知道如何准确表达标题

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

我试图做的是，当单击图像时，模式窗口应该关闭，图像的值应该插入HTML文本字段

---

这可能吗？如果是，具体怎么做？有人能给我介绍一些网站，或者给我一些潜在的搜索关键词，或者更好的是，给我一个简单的示例代码。

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

初始对话框设置

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

单击搜索图标时，打开模式窗口

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

我假设图像在我们刚刚设置为模态元素的容器中

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

$（文档）。在（'click'，'#element img'，function（）上{
//每个图像如何具有值？值不是的属性
$（'input'）.html（$（this.prop（'rel'））；
//在上面的示例中，假设该值存储在rel属性中
$（'元素'）。对话框（'关闭'）；
});

是的，很有可能。这里有一个例子。希望有帮助

大家好，非常感谢这个精彩的剧本！这正是我想要的。没想到这么简单。还有一件事。如果我在模式窗口中插入一个“选项卡框”，您的脚本还能工作吗？因此，我可以对图像进行分类：例如：表1-猫：猫-img1，猫-img2，猫-img3表2-狗：狗-img1，狗-img2，狗-img3再次感谢：）这只是我快速创建的一个示例，但是的，无论你在模型中添加什么，原理都是一样的，只需获取相关数据并将输入框的值设置为该数据等等。太棒了。谢谢你的帮助！嘿，我复制并粘贴了fiddle上的代码，并试图运行它，但由于某些原因它无法运行…我添加了code.jquery.com/jquery latest.js“>并将js代码包装在$（document）.ready（function（）{ur code}；但它无法运行…我的错，我的错。从fiddle复制代码时，有一个“空格”“复制了我的编辑器看不见的字符，导致脚本无法运行。一切正常：）嘿，非常感谢您提供的示例。这正是我想要的。我会试着玩弄它：）不行。控制台错误：

jquery ui.min.js:5未捕获类型错误：无法读取未定义的属性“msie”