Javascript 通过单击图像将文本插入输入字段

我想做一个“浏览和插入图像”的效果，把图像URL（所有图像信息都保存在数据库中）放到一个输入字段中提交

有点像在WordPress中，你可以点击浏览，选择一个图像，然后点击OK，它会在文本区域显示一个图像，或者在输入框中显示url

---

我真的不确定要搜索什么来学习如何做到这一点。我对javascript/jquery相当陌生。感谢您的帮助

根据请求，这将起作用：

HTML

---

搜索worpress media uploaderSo，您将收到大量“您尝试了什么？”的评论，在此之前，您能解释一下吗？你只是想用jQuery来填充输入吗？@melvin这只是wordpress吗？我们正在做一个自定义项目，这是一个javascript/jquery问题。学习如何通过id或类从元素中检索属性，然后学习如何通过id或类在所选元素中显示数据。一旦意识到如何控制html，Javascript真的很酷。它打开了很多门。Jquery是一种javascript速记，它有一些有用的东西，我喜欢它的AJAX功能。学习愉快！这既快又有效。谢谢我想这解决了我的问题。英雄联盟

<input type="text" id="imgsrc" style="width:500px"/>
<div>
  <img src="https://placeimg.com/100/100/any"/>
</div>
<div>
  <img src="https://placeimg.com/100/100/arch"/>
</div>
<div>
  <img src="https://placeimg.com/100/100/tech"/>
</div>

$('img').on('click', function() {
    $('#imgsrc').val( $(this).attr('src') )
})