我正在尝试添加两个 select2 multi-value select boxes到我的 Rails 应用程序。
顶部的表格工作正常,但底部的表格不起作用。
我尝试过更改 ID 并添加新的 js 代码,但没有成功。我是否遗漏了一些根本性的错误?
Index.html
# This one works fine
<div class="search_genre">Genre:</div>
<div class="select2-container select2-container-multi populate">
<select multiple="" name="e9" id="e9" style="width:300px" class="populate select2-offscreen" tabindex="-1" placeholder="Search or Select">
<optgroup label="Popular">
<option value="Alt">Rock</option>
<option value="Ind">Indie</option>
<option value="Ind">Alternative</option>
<option value="Ind">Acoustic</option>
</optgroup>
</select>
</div>
# This one doesn't show a text input or the optiongroup values
<div class="search_region">Region:</div>
<div class="select2-container select2-container-multi populate">
<select multiple="" name="e9" id="e9" style="width:300px" class="populate select2-offscreen" tabindex="-1" placeholder="Search or Select">
<optgroup label="Local">
<option value="PDX">Greater Portland</option>
<option value="OR">Oregon</option>
<option value="WA">Washington</option>
</optgroup>
</select>
</div>
application.js
$("#e9").select2();
最佳答案
两个元素不能有相同的 id
.请改用类。
您的两个选择都有 id="e9"
而是尝试添加类似 class="my-select"
的内容给你的<select>
元素。
然后做$('.my-select').select2();
关于javascript - 将两个相同的 select2 表单添加到同一页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23790122/