Capturar dados de Input

zwe
(usa Ubuntu)

Enviado em 19/08/2016 - 19:14h

Caros;

Sei que é possível criar um botão que possa copiar um dado de um INPUT com o ClipBoard. Testei e funcionou, entretanto, preciso que um formulário que contém VÁRIOS inputs seja copiado com um botão. Não gostaria de criar um botão para cada input text para gerar a cópia com o ClipBoard.

Exemplo de form:

===================

<td colspan="3" id="teste1" size="25" ><label for="titulo4">teste1</label><br>
<input type="text" class="form-control" id="campo1" size="25"></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td colspan="3" id="teste2" ><label for="titulo7">Teste2<br>
</label>
<input type="text" disabled class="form-control" id="campo2" size="25"></td>
<td>&nbsp;</td>
</tr>
<tr>
<td width="40">&nbsp;</td>
<td colspan="3"><label for="Teste3">Teste3</label>
<br>
<input type="text" disabled class="form-control" id="campo3" size="25"></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td colspan="3"><label for="Teste4">Teste4<br>
</label>
<input type="text" disabled class="form-control" id="campo4" size="25"></td>
<td>&nbsp;</td>

<button class="btn" data-clipboard-target="#campo1"> </button>

<script>

var clipboard = new Clipboard('.btn');

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);
});

</script>

===================

No código acima, só consigo capturar no click no botão o valor relacionado a este ID: campo1, gostaria de pegar os valores de todos os Ids e enviar para a área de transferência (CTRL + C).

É possível?

Grato.