Привет всем, я пытаюсь сделать выпадающее меню с помощью select2. У меня возникла проблема с раскрывающимся меню select2. Выпадающее меню select2 по какой-то причине отображается только в первой строке моей таблицы. Но я не понимаю, почему это происходит. Я хочу, чтобы раскрывающееся меню select2 отображалось во всем столбце администратора, а не только в первой строке.
вот мой код таблицы
<tbody id = "myTable">
<tr class = "table">
<td class = "table">email</td>
<td class = "table">name</td>
<td class = "table">
<form>
<select id = "isAdmin">
<option selected>false</option>
<option value = "false">false</option>
<option value = "true">true</option>
</select>
</form>
</td>
<td class = "table">bhv</td>
</tr>
</tbody>
Вот мой код select2
var isAdmin;
$('#isAdmin').select2({
placeholder: 'Choose..',
});
$("#isAdmin").on("select2:select select2:unselect", function (e) {
//this returns all the selected item
isAdmin = $(this).val();
})
Вот таблица в браузере
Используйте класс вместо идентификатора,
На странице не может быть 2 или более элементов с одинаковым значением идентификатора.
<tbody id = "myTable">
<tr class = "table">
<td class = "table">email</td>
<td class = "table">name</td>
<td class = "table">
<form>
<select class = "isAdmin">
<option selected>false</option>
<option value = "false">false</option>
<option value = "true">true</option>
</select>
</form>
</td>
<td class = "table">bhv</td>
</tr>
</tbody>
Затем вар isAdmin; $('.isAdmin').select2({ заполнитель: 'Выбрать..', }); $(".isAdmin").on("select2:select select2:unselect", function (e) { //это возвращает весь выбранный элемент isAdmin = $(это).val(); })