Как выделить значения из инпутов?

Question

[Максим]

Добрый день.
Как мне выделить по клику на какой-нибудь элемент текст во всех инпутах на странице?
Есть такая таблица и мне нужно скопировать данные из второго столбца в excel в таком же порядке.

<table>
<tr><td>Колонка 1</td><td><input value="Колонка 2"></td></tr>
<tr><td>Колонка 1</td><td><input value="Колонка 2"></td></tr>
<tr><td>Колонка 1</td><td><input value="Колонка 2"></td></tr>
</table>

Пытался таким образом, но ничего не получилось ¯\(°_o)/¯

$(document).ready(function() {
  $(".header").on("click", function() {
     $(".form-control").select();
}
  });
});

Answer 1

[Егор Антропов]

Если столбцов не много, могу предложить, зажав контрл, всё прокликать

Comments

[Максим]

Не вариант, таблица большая.

[Егор Антропов]

Принцип выделения заключается в том, что выделение идёт прямо по html файлу.
Значит нужно для создания таблицы использовать не таблицу, а два элемента рядом друг с другом.
Другое решение предложить не могу ¯\(°_o)/¯

Answer 2

[Александр Баранчугов]

Попробуй так:
1. замени инпуты на обычные элементы типа span, тогда ты сможешь выделять ячейки просто зажав кнопку мыши.

2.Ежели тебе нужны инпуты в ячейках, то сделай аля "фокус" на ячейках таблицы. При клике на ячейку таблица вставляй инпут, а текстовый элемент убирай и наоборот.

3. Добавь кнопку, которая будет выделять всю таблицу.

пример тут: https://jsfiddle.net/iXander/9xodf53t/25/