Как я могу создать кнопку «Выбрать все» для таблицы - PullRequest
Новая
       2

Как я могу создать кнопку «Выбрать все» для таблицы

0 голосов
/ 26 февраля 2019

Я создаю таблицу для веб-сайта.Сайт возвращает свои значения в виде таблицы.Мне нужно скопировать все значения из таблицы TDS и вставить их в Excel.Есть ли способ сделать кнопку «выбрать все», так что мне нужно только нажать Ctrl + C?Вместо того, чтобы тащить мою мышь вниз по столу.

I want outcome to be like this (if I press the button)

Код таблицы, которую я использовал здесь: 

<!DOCTYPE html>
<html>
<head>
    <style>
        table,
        th,
        td {
            border: 1px solid black;
            border-collapse: collapse;
        }
    </style>
</head>
<body>
    <h2>Select all test</h2>
    <button type="button">Select all</button>
    <table style="width:80%">
        <tr>
          <th>Name</th>
          <th>Lastname</th>
          <th>Age</th>
        </tr>
        <tr>
            <td>Henk</td>
            <td>Bakker</td>
            <td>46</td>
        </tr>
        <tr>
            <td>Fedde</td>
            <td>hooghouts</td>
            <td>67</td>
        </tr>
    </table>
</body>
</html>

1 Ответ

0 голосов
/ 26 февраля 2019

JS: 

function selectElementContents(el) {
        var body = document.body, range, sel;
        if (document.createRange && window.getSelection) {
            range = document.createRange();
            sel = window.getSelection();
            sel.removeAllRanges();
            try {
                range.selectNodeContents(el);
                sel.addRange(range);
            } catch (e) {
                range.selectNode(el);
                sel.addRange(range);
            }
        } else if (body.createTextRange) {
            range = body.createTextRange();
            range.moveToElementText(el);
            range.select();
        }
    }

HTML: 

<table id="tableId" border="1">
    <thead>
        <tr><th>Heading 1</th><th>Heading 2</th></tr>
    </thead>
    <tbody>
        <tr><td>cell 1</td><td>cell 2</td></tr>
    </tbody>
</table>

<input type="button" value="select table" onclick="selectElementContents( document.getElementById('tableId') );">

Должно работать;)

Ссылка от: Выберите полную таблицу с помощьюJavascript

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...