Javascript 添加更多名为+；x

在javascript中，我有以下函数

function addMore(){
    var html = $('.wrapper').html();
    $(".insert-after").after(html);
}

在html中，我有以下代码

<div class="wrapper">
    <select name="s_allergies[][]" multiple required>
        <option value="none">None</option>
        <option value="Gluten">Gluten Allergy</option>
        <option value="Nut">Nut Allergy</option>
        <option value="Shellfish">Shellfish Allergy</option>
        <option value="Lactose">Lactose Allergy</option>
        <option value="Egg">Egg Allergy</option>
        <option value="Vegetarian">Vegetarian</option>
        <option value="Vegetarian with Seafood">Vegetarian/Seafood</option>
        <option value="No Pork">No Pork</option>
        <option value="No Red Meat">No Red Meat</option>
    </select>
</div>

没有一个
麸质敏感症
坚果过敏
贝类过敏
乳糖过敏
鸡蛋过敏
素食主义者
素食/海鲜
没有猪肉
不要吃红肉

在我的应用程序中，我有一个“添加更多”按钮，可以复制和粘贴字段。 为了让我通过php处理它们，我需要一种方法，将选择字段的名称增加为“s_allergies[1][…..s_allergies[2][…”等。。然而，我似乎无法使用它来工作

我不是javascript专家，有人能给我一些指导吗

谢谢

---

首先，您需要为您的选择定义一个ID，以防您有多个ID，然后这就是在普通JS中需要执行的操作

函数addMore（）{
child=document.createElement（'option'）；
text='Some text'；
val='some Value'；
document.getElementById（'selector'）.appendChild（child）；
}

没有一个
麸质敏感症
坚果过敏
贝类过敏
乳糖过敏
鸡蛋过敏
素食主义者
素食/海鲜
没有猪肉
不要吃红肉
点击

wooh-wooh，你问如何使用JS在你的选择中添加更多的“选项”，我在@user1986245写了两个例子，你试图在你的代码笔中实现的是行不通的，索引会在你向服务器发送请求后自动定义，简单来说，我需要做的是将名称attr更改为新添加的字段。例如，模板是

name=s_-allergies[][]

，当我单击“添加”时，我需要下一个模板是

name=s_-allergies[1][]

，然后是下一个

s_-allergies[2][]

，依此类推…aaaaaa啊，你想复制整个选项集，以便用户可以再次看到相同的选项吗？我有一个事件注册页面，用户可以添加更多的人。其他人也会有同样的问题。