Comment copier un texte qui comprend une liste déroulante

**cool2505** · 02/10/2014, 20h06

Bonjour,
je recherche un code qui permet de pouvoir copier un texte qui comprend une liste deroulante:

Code :

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.

Je souhaite pouvoir copier la phrase entière avec le chiffre,
en consultant la page la phrase s'affiche avec la liste déroulante , on choisi le nombre mais quand je copie la phrase et que je la colle dans le bloc-note en txt le chiffre sélectionner n'apparais pas?
Quelqu'un a t'il une solution?

**NoSmoking** · 02/10/2014, 21h32

Bonjour,
aucune chance en HTML, il te faudra passer par du javascript le texte et le contenu de ton SELECT n'étant pas sur le même "plan" HTML.

**cool2505** · 02/10/2014, 23h11

merci pour ta reponse
je vais me pencher sur le javascript.
connais tu un moyen ?

**NoSmoking** · 04/10/2014, 14h31

Concernant la sélection de texte tu peux regarder cette discussion Sélection de texte, numérotation, retour chariot

**cool2505** · 13/10/2014, 13h21

c'est bon j'ai réussi.....

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
 
<!DOCTYPE html Public "-//W3C//DTD XHTML 1.0 Strict //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml/" xml:lang="fr">
  <head>
    <title>Javascript || Copier/Coller</title>
 
<meta charset="utf-8">
<style type="text/css">
.champ 
{
 width:20px;
}
</style>
<script type="text/javascript">
     var nombre = '';
    function copier(nombre1, nombre2) {
      document.getElementById('texte-copie').value =  'J ai ' + nombre1 +' pommes et ' + nombre2 +' poires dans mon panier';
    }
</script>
</head>
<body>
<p>
j'ai <select id="nombre1" 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>
             <option value="05">05</option>
             <option value="06">06</option>
             <option value="07">07</option>
             <option value="08">08</option>			 
          </select> pommes et <select id="nombre2" 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>
             <option value="05">05</option>
             <option value="06">06</option>
             <option value="07">07</option>
             <option value="08">08</option>		 
          </select>	poires dans mon panier
   <input type="button" value="Copier/coller" onclick="copier(document.getElementById('nombre1').value, document.getElementById('nombre2').value)" />
</p>
<p><textarea id="texte-copie" readonly="readonly" cols="50" ></textarea></p>
</body>
</html>

C'etait plus simple que prévu....

Comment copier un texte qui comprend une liste déroulante

HTML

Vue hybride

Discussions similaires

Partager

Partager