@zxcursed

Как указать на соседний элеменет внутри tr?

Есть таблица формата:
<table id="table1" table class="table table-bordered table-hover">
<thead class="thead-dark">
   <tr class="header">
      <th>Колонка 1</th>
      <th>Колонка 2</th>
      <th>Колонка 3</th>
</thead>
</tr>
<tr>
   <td>
      <span id="kolonka1" data-clipboard-action="copy" data-clipboard-text="Текст колонки1">Текст колонки 1</>
   </td>
   <td>
      <select class="selectpicker" id="kolonka2">
         <option value="значение 1"></option>
         <option value="значение 2"></option>
      </select>
   </td>
   <td>
      <select class="selectpicker" id="kolonka3">
         <option value="значение 1"></option>
         <option value="значение 2"></option>
      </select>
   </td>
</tr>
</table>

Которая может содержать до 100+ "строк"

Как в данном JS указать, что нужно копировать значение из столбца внутри
var clipboard = new ClipboardJS('.kolonka1',{
    text: function(trigger) {
        var 1 = $(trigger).data('clipboard-text');
        var 2 = document.querySelector('#kolonka2').value;
        var 3 = document.querySelector('#kolonka3').value;
        return 1 + 2 + 3;
    }
});

clipboard.on('success', function(e) {
    console.info('Action:', e.action);
    console.info('Text:', e.text);
    console.info('Trigger:', e.trigger);

    e.clearSelection();
});

clipboard.on('error', function(e) {
    console.error('Action:', e.action);
    console.error('Trigger:', e.trigger);
});

В данном случае значения kolonka2 и kolonka3 берутся из первой "строки" столбца, а надо из этого же
  • Вопрос задан
  • 50 просмотров
Решения вопроса 1
Stalker_RED
@Stalker_RED
Не совсем понятно что вы хотите от селектов, но вот пример:
при клике по третьей колонке текст из первых двух копируется в буфер.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы