使用额外按钮创建动态列表答案

【问题标题】：Dynamic list creation using extra button使用额外按钮创建动态列表
【发布时间】：2016-10-09 15:58:33
【问题描述】：

我想创建一个动态列表。

它可以是选择选项或下拉列表或任何其他列表类型。

如果当前列表不包含所需的选项，我希望能够添加新选项。

我想使用一个单独的按钮，它会弹出一个新字段，允许用户向列表中添加一个新值。

我该怎么做？

The blue coloured part of this picture shows some code which is producing a pop up in background

【问题讨论】：

欢迎来到 SO。请访问help center 了解为什么这个问题目前不在主题范围内。提示：在minimal reproducible example中显示努力和代码
没有人会使用您的代码图片。将您的代码添加到您的问题中，以便人们可以帮助您。
对不起。下次我会做，并会及时发布当前的。

标签： javascript java jquery html jsp

【解决方案1】：

使用 jquery 给你的选择和输入框起一个类名，然后给按钮

$(".your button class").click(function(){
    var op=$(".your input class").val();
    var data="&lt;option&gt;"+op+"&lt;/option&gt;";
    $(".your select class").append(data);
});

【讨论】：

为什么要使用类名？只是好奇为什么不使用 ID，因为您只想选择一个元素...
不知何故我得到了它，因为我在弹出窗口中使用了一个模式来显示我稍后要添加的字段。谢谢大家。
如果我们尝试通过任何警报类型查询，它将显示在后台而不是弹出窗口本身。