Date din camp formular adaugate in DIV

Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
patricia
Mesaje:82

Date din camp formular adaugate in DIV

Am o problema banala dar nu inteleg de ce nu merge. Am un formular din care incerc sa preiau datele introduse intr-un camp textarea si sa le pun intr-un DIV, dar totul merge aiurea si nu inteleg de ce.

Cod: Selectaţi tot

<html>
<head>
<title>titlu</title>
<script type="text/javascript">
function afiseaza(){
elm='';
var text1='';
text1=document.enunturi.enunt.value;
elm=document.getElementById('listaEnunturi');
elm.innerHTML+=text1;
}
</script>
</head>
<body>
<form name="enunturi">
<input type="text" value="" name="enunt">
<br/>
<input type="submit" value="afiseaza enunt" onclick="afiseaza();">
</form>
<div id="listaEnunturi" style="border:2px solid red;width:200px;">
</div>
</body>
</html>
MarPlo Mesaje:4343
Unde este textarea? In cod e doar un camp input text, care e altceva.
Butonul "submit" trimite datele din formular, deci fereastra in browser se reincarca dupa apasarea lui.
Ca sa ramana fereastra cu datele adaugate de codul JavaScript in pagina, ori folosesti un buton: type="button" in loc de "submit"; ori adaugi: onsubmit="return false;" in <form>.
Adica asa:

Cod: Selectaţi tot

<input type="button" value="afiseaza enunt" onclick="afiseaza();">
Sau asa:

Cod: Selectaţi tot

<form name="enunturi" action="" method="post" onsubmit="return false;">
legendary Mesaje:14
Ori adaugi un # la action.

Cod: Selectaţi tot

 <form action="#">
Incearca asa:

Cod: Selectaţi tot

<html>
<head>
<title>titlu</title>
<script type="text/javascript">
function afiseaza(){
  var text1 = document.getElementById('enunt').value;
  document.getElementById('listaEnunturi').innerHTML = text1;					 	
}
</script>
</head>
<body>
<form name="enunturi" action="#">
<input type="text" value="" id="enunt">
<br/>
<input type="submit" value="afiseaza enunt" onclick="afiseaza();">
</form>
<div id="listaEnunturi" style="border:2px solid red;width:200px;">
</div>
</body>
</html>

Subiecte similare