remplacer des inputs text par des selects

**patricx** · 02/05/2011, 13h16

Bonjour j'ai ce code qui me permet de generer un fichier en javascript qui contient les données inserées d'un formulaire il fonctionne sans problème

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
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Form saving</title>
</head>
<body>
 
<form onsubmit="saveForm(this); return false;">
	<input type=text name="myInputBox"><br>
	<input type=text name="myOtherField"><br>
	<input type=submit value="Generate download link">
</form>
 
<a href="data:multipart/alternative;charset=utf-8," id="downloadLink">Rightclick, save as</a>
 
<script>
 
function saveForm(form) {
	var dlLink = document.getElementById('downloadLink');
	var datastring = "Field 1: "+form.myOtherField.value+"\n"+"Field 2: "+form.myInputBox.value;
	dlLink.href = 'data:multipart/alternative;charset=utf-8,'+encodeURIComponent(datastring);
};
 
</script>
</body>
</html>

J'aimerais remplacer les input test par des select
Mais ça me reset le formulaire

Merci de me proposer une solution

**RomainVALERI** · 02/05/2011, 15h00

Drôle de méthode

je ne vois pas exactement comment tu veux procéder... où est créé le select dont tu parles ? pourquoi modifier le href d'un lien... ? pourquoi ne pas utiliser le DOM ?

edit : oula je ne suis pas réveillé ~~ce matin~~ cet après-midi

J'ai relu : bon en fait tu recharges ta page et c'est le serveur qui va générer différemment la page, avec le select demandé (notamment grâce aux paramètres reconstruits à partir des valeurs des inputs...)

Pour ne pas recharger la page, c'est JS qui doit "faire le job", éventuellement à l'aide d'un appel AJAX si un traitement serveur est nécessaire ^^

remplacer des inputs text par des selects

JavaScript

Vue hybride

Discussions similaires

Partager

Partager