ugrás a tartalomhoz

js új input hozzáadása gombnyomásra

Ghostika · 2009. Május. 30. (Szo), 12.23
Üdv mindenkinek.

amit szeretnék megcsinálni az a címben is látható, ha egy gombra rányomom akkor adjon hozzá egy plusz input mezőt a weboldalhoz, ez mind szép és jó, de a fenti kód IE-ben szépen megy, de Firefoxban nem nagyon akar. Másik dolog hogy FF-ben fenn van a firebug ami néha beleszól a javascriptbe nálam, nem tudok miért ,de itt tuti nem az a baj, csak nem tudok rájönni mi.
Ha valakinek van egyszerűbb ötlete azt is szívesen fogadom.

előre is köszönöm:

Ghostika

a kód pedig:

<html>
<head>
<script>
function doIt()
{
var doc = document;
var f = doc.getElementById('myForm');

// show hidden
var el = f.elements.unseen;
el.style.display = "";

// create/insert new
el = doc.createElement("input");
el = f.appendChild(el);
el.name = "newinput";
el.type = "text";
el.value = "added on the fly";
}

</script>
</head>
<body>

<form name="myform" action=#>
<input type=text style="display: none;"
name="unseen"
value="present but unseen">
</form>

<button onclick="doIt()">do it</button>


</body>
</html>
 
1

így

mgergo90 · 2009. Május. 30. (Szo), 13.07
  1. <html>  
  2. <head>  
  3. <script>  
  4. function doIt() {  
  5.     var f = document.getElementById('myform');  
  6.   
  7.     // show hidden  
  8.     var el = document.getElementById('unseen');  
  9.     el.style.display = "block";  
  10.   
  11.     // create/insert new  
  12.     el = document.createElement("input");  
  13.     el = f.appendChild(el);  
  14.     el.name = "newinput";  
  15.     el.type = "text";  
  16.     el.value = "added on the fly";  
  17.     f.innerHTML += '<br>';  
  18. }  
  19.   
  20. </script>  
  21. </head>  
  22. <body>  
  23.     <form name="myform" id="myform" action="#">  
  24.         <input type=text style="display: none;" id="unseen" value="present but unseen">  
  25.     </form>  
  26.     <button onclick="doIt()">do it</button>  
  27. </body>  
  28. </html>  
Így gondoltad remélem.
2

Pontosan, köszönöm szépen a

Ghostika · 2009. Május. 30. (Szo), 13.17
Pontosan,

köszönöm szépen a segítséget:)