Javascript 将两个相同的select2表单添加到同一页面

我正在尝试向我的Rails应用程序添加两个

顶部的表格工作正常，但底部的表格不工作

我尝试过更改ID和添加新的js代码，但没有成功。是不是有什么根本性的错误让我错过了

Index.html

---

好吧，这是最基本的

身份证都是一样的。这对我来说似乎很奇怪，这是我第一次改变来看看它是否有效。我向application.js添加了一个新的jquery代码，id为e10，并相应地更改了第二个表单的id。昨天，这不起作用。然而，今天它做到了。我一定错过了一些愚蠢的事情，比如保存页面

---

我希望允许您删除答案。

您不能有两个id相同的元素。请改用类

您的两个选择都具有id=e9，请尝试向元素添加类似class=myselect的内容

---

然后执行$'.my select'.select2

对于同一页面中的每个select2，您必须为tag data-select2-id定义唯一的id

data-select2-id="Project"

及

---

如@Ramy所说。我希望它对每个人都有用。 如果不行，试试这个。 在“选择”框中，不能对示例使用相同的id：

       <select class="form-control select2" id="select">
           <option>Select</option> 
           <option>Cycle</option> 
           <option>Horse</option> 
        </select>
        <select class="form-control select2" id="select">
           <option>Select</option> 
           <option>Cycle</option> 
           <option>Horse</option> 
        </select>

如果您有相同的id，搜索框将无法工作。 只需尝试使用不同的Id名称，如下所示

       <select class="form-control select2" id="select">
           <option>Select</option> 
           <option>Cycle</option> 
           <option>Horse</option> 
        </select>
        <select class="form-control select2" id="select1">
           <option>Select</option> 
           <option>Cycle</option> 
           <option>Horse</option> 
        </select>

我面临着这样的问题。这就是为什么我在这里分享我的观点。

---

谢谢，希望有人能从中得到帮助。

希望这只是一个剪切/粘贴错误，但您的三个选项的值相同。这一个很好用的代码片段。value=Ind x3试试这个谢谢。它帮助了我。我为这个搜索了好几天。但对我来说有些不同，我有相同的id，所以我改变了id，效果很好。

data-select2-id="WBSDate"

       <select class="form-control select2" id="select">
           <option>Select</option> 
           <option>Cycle</option> 
           <option>Horse</option> 
        </select>
        <select class="form-control select2" id="select">
           <option>Select</option> 
           <option>Cycle</option> 
           <option>Horse</option> 
        </select>

       <select class="form-control select2" id="select">
           <option>Select</option> 
           <option>Cycle</option> 
           <option>Horse</option> 
        </select>
        <select class="form-control select2" id="select1">
           <option>Select</option> 
           <option>Cycle</option> 
           <option>Horse</option> 
        </select>