Javascript 从“选择”按钮向输入添加文本

我有引导4和一个输入组。我想点击我的img，然后显示一个选择菜单，在我点击一个选项后，这必须在输入字段中。我怎么能做到

<div class="input-group">
    <input class="form-control" type="text">
    <span class="input-group-addon">
        <img src="./img/plus.png"alt="minus" class="align-middle">
    </span>
</div>

$（“ul.dropdown-menu li a”）。在（“单击”，函数（）上{
$（this）.closest（“.input group”）.find（“input.form control”）.val（$（this.attr（“数据操作”））
});






为了获得您想要的结果，您需要做几件事：

#1：单击图像时显示选择菜单
通过在
img
标记中添加一个，可以显示一个选择菜单，这样当单击图像时，将显示选择菜单

myImg.addEventListener('click', function() {
  myMenu.style.display = "inline-block";
});

#2：将所选选项显示在输入框中
为了在输入框中显示所选选项，您需要另一个事件侦听器：

myMenu.addEventListener('change', function(e) {
  myInput.value = e.target.value;
});

将这两个事件侦听器与一点CSS、用于
菜单的HTML以及一些变量声明结合在一起，我们可以得到以下工作代码：


$（文档）.ready（函数（）{
var myInput=document.getElementsByTagName（'input'）[0]；
var myImg=document.getElementsByTagName（'img'）[0]；
var myMenu=document.getElementById（'selectMenu'）；
myImg.addEventListener（'click'，function（）{
//单击img时，显示选择菜单
myMenu.style.display=“内联块”；
});
myMenu.addEventListener（'change'，函数（e）{
//选择“选择”菜单中的某个选项后，将其显示在输入框中
myInput.value=e.target.value；
});
});
#选择功能表{
显示：无；
浮动：对；
}



选择1
选择2
选择3
选择4
您的
选择菜单在哪里？你能澄清你的问题吗？单击
img
后，您希望发生什么？我不知道该如何编写。我试过了。你想在你点击图片时出现一个选择菜单吗？1）我点击图片2）我看到图片下方的选择菜单（下拉菜单？）3）我点击菜单中的项目并将其传送到输入字段对不起，你能帮我吗？