Code JavaScript pour copier la valeur d'une liste déroulante

**cool2505** · 05/10/2014, 19h55

je recherche un code javascript pour copier dans le presse papier la valeur d'une liste déroulante ....

merci

**Watilin** · 06/10/2014, 15h59

En pur JS embarqué dans une page web, c'est impossible. C'est une restriction de sécurité, mais il existe de nombreux moyens pour la contourner. La plus populaire, à ma connaissance, passe par l'utilisation d'un bouton invisible en Flash, car le Flash, lui, peut accéder au presse-papiers.

ZeroClipboard
ZClip (ZeroClipboard adapté avec jQuery)
Un article (en anglais) qui présente les différentes possibilités

Si tu veux rester sur du JS pur, tu as toujours la possibilité d'afficher une zone de texte à côté de ta liste. Grâce à l'évènement change de ta liste, tu mets à jour la zone de texte, tu lui donnes le focus (méthode .focus()) et tu sélectionnes tout son contenu (.select()). Alors l'utilisateur n'a plus qu'à faire Ctrl+C.

**cool2505** · 10/10/2014, 08h56

Merci pour ton aide mais en JS je ne suis pas un crack ....

Peux tu me donner le code pour cette phrase:

Nom : 11.JPG
Affichages : 1162
Taille : 11,3 Ko

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
j'ai mis <select name="heure" size="1">
             <option value="--">--</option>
             <option value="01">01</option>
             <option value="02">02</option>
             <option value="03">03</option>
             <option value="04">04</option>
          </select>
pommes dans mon panier.

Merci

**SpaceFrog** · 10/10/2014, 09h30

http://javascript.developpez.com/faq...age=formChamps

**cool2505** · 10/10/2014, 15h49

merci pour ton aide
mais j avance pas a pas avec le javascript et la seule chose que j ai réussi a faire pour le moment c de copier une valeur dune boite vers une autre....
.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<script type="text/javascript">
    var nombre = '';
 
    function copier(texte) {
      nombre = texte;
      document.getElementById('texte-copie').value = nombre;
    }
</script>
  </head>
  <body>
  <table>
    <tr><td>j'ai<input type="text"  id="nombre">pommes dans mon panier 
    <input type="button" value="Copier/coller" onclick="copier(document.getElementById('nombre').value);" /><td></tr>
	<tr><td><textarea id="texte-copie" readonly="readonly"></textarea></td></tr>
</table>
 
</body>

mais pour la valeur 12 je souhaite copier/coller toute la phrase : j'ai 12 pommes dans mon panier dans le textarea

**Watilin** · 10/10/2014, 17h16

https://www.google.fr/search?q=mise+en+page+tableau

J'ai modifié légèrement ton code, jette un œil :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<meta charset="utf-8">
<script type="text/javascript">
 
    function copier() {
      document.getElementById('texte-copie').value = 'J’ai ' +
        document.getElementById('nombre').value +
        ' pommes dans mon panier';
    }
 
</script>
</head>
<body>
 
  <p>j'ai <input type="text" id="nombre" /> pommes dans mon panier
    <input type="button" value="Copier/coller" onclick="copier()" />
  </p>
  <p>
    <textarea id="texte-copie" readonly="readonly"></textarea>
  </p>
 
</body>

Code JavaScript pour copier la valeur d'une liste déroulante

JavaScript

Vue hybride

Discussions similaires

Partager

Partager