Javascript

Résolu/Fermé

FreeMay Messages postés 10 Date d'inscription mardi 6 mars 2012 Statut Membre Dernière intervention 17 avril 2012 - 8 mars 2012 à 13:08
FreeMay Messages postés 10 Date d'inscription mardi 6 mars 2012 Statut Membre Dernière intervention 17 avril 2012 - 8 mars 2012 à 14:15

Bonjour,
Qui peut m'aider s'il vous plait?
j'ai créé deux listes déroulantes et une zone de texte.
je veux quand je choisi une option dans la première liste, cette option s'affiche dans la zone de texte. Puis, quand je choisi une option dans la deuxième liste déroulante. cette dernière s'affiche dans la zone de texte( mais sans supprimer la première)
Voilà mon essai.
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Changer</title>
</head>
<body>
<p><h1>Mon premier essai</h1></p>
<label>La nature de transaction: </label>

<select id="nat"
onChange="change3(this, 'txt')"
onMouseOut="change1(this, 'txt')" >
<option>Achat</option>
<option>Vente</option>
<option>Location</option>
</select>

<br></br>
<label>La categorie du bien: </label>

<select id="cat"
onChange="change2(this, 'txt')"
onMouseOut="change4(this, 'txt')" >
<option> Maison </option>
<option> Voiture </option>
<option> Terrain </option>
<option> Appartement </option>
</select>
<br></br>

<textarea id ="txt"></textarea>

<script type="text/javascript">
function change1(nat)
{
txt = document.getElementById(txt);
var V1 = nat.selectedIndex;
var C1 = nat.options[V1].innerHTML;
if(txt.value == "")
txt.value = C1;
}
function change2(cat)
{
txt = document.getElementById(txt);
var V2 = cat.selectedIndex;
var C2 = cat.options[V2].innerHTML;
if(txt.value == "")
txt.value = C2;
}

function change3(nat, txt)
{
txt = document.getElementById(txt);
var V1 = nat.selectedIndex;
var C1 = nat.options[V1].innerHTML;
txt.value = C1;

}
function change4(cat, txt)
{
txt = document.getElementById(txt);
var V2 = cat.selectedIndex;
var C2 = cat.options[V2].innerHTML;
txt.value = C2;
}
</script>
</body>
</html>

Merci d'avance.

A voir également:

Javascript
Telecharger javascript - Télécharger - Langages
Javascript echo ✓ - Forum PHP
Erreur #125 javascript - Forum Mozilla Firefox
Table de multiplication javascript ✓ - Forum Javascript
Xxwxx dll virus javascript - Forum Virus

2 réponses

Réponse 1 / 2

KillerKlown Messages postés 47 Date d'inscription mardi 14 février 2012 Statut Membre Dernière intervention 8 mars 2012 12
8 mars 2012 à 13:37

Voila :

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Changer</title>

<script type="text/javascript">
function rafraichit()
{
document.getElementById('txt').value = document.getElementById('nat').value + ' ' + document.getElementById('cat').value;
}
</script>

</head>
<body>
<p><h1>Mon premier essai</h1></p>
<label>La nature de transaction: </label>

<select id="nat"
onChange="rafraichit()"
onMouseOut="rafraichit()" >
<option>Achat</option>
<option>Vente</option>
<option>Location</option>
</select>

<br></br>
<label>La categorie du bien: </label>

<select id="cat"
onChange="rafraichit()"
onMouseOut="rafraichit()" >
<option> Maison </option>
<option> Voiture </option>
<option> Terrain </option>
<option> Appartement </option>
</select>
<br></br>

<textarea id ="txt"></textarea>

</body>
</html>

Réponse 2 / 2

FreeMay Messages postés 10 Date d'inscription mardi 6 mars 2012 Statut Membre Dernière intervention 17 avril 2012 1
8 mars 2012 à 14:15

Merci infiniment killer klown ^^

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule

java script error in the main process

javascript:void(0);

java activée mais ne fonctionne pas !

Nodejs.exe est-ce un virus