nasıl ben dinamik olarak eklenen metin kutularının değerini korumak yapmak

2 Cevap php

ben bu kodu kullanıyorum:

<html>
 <head>
   <title>Dynamic Form</title>
   <script type="text/javascript">
     var i = 6;
    function CreateTextbox(){
      createTextbox.innerHTML = createTextbox.innerHTML 
                   +'<input type=text name="flow'+i+'"/>'
       i++;
    }
  </script>
</head>
<body>
 <form name="form" action="post">
  <input type="button" name="what" value="clickHere" onClick="CreateTextbox()"/>
   <div id="createTextbox"></div>
 </form>
</body>

ben yeni bir metin kutusu eklediğinizde, önceki metin kutusuna girilen değer silinir. i nasıl koruyabilirsiniz?

2 Cevap

InnerHTML birleştirerek HTML öğesi ekleme çok yavaş olduğunu ve değerlerinin kabın (div createTextbox) ve tüm oğul her innerHTML atamada yeniden oluşturulur beri, silinebilir neden oluyor.

Ben sizinle programlı giriş elemanlarını oluşturmak için önermek document.createElement and append the elements using to the container div using appendChild :

window.onload = function  () {

  var createTextbox = function () {
    var i = 6,
        container = document.getElementById('createTextbox');

    return function () {
      var div = document.createElement('div'),
          input = document.createElement('input');
      input.type= "text";
      input.name = "flow" + i;
      div.appendChild(input);
      container.appendChild(div);
      i++;
    }
  }();

  // event binding
  document.getElementById('addButton').onclick = createTextbox;
}

Yukarıdaki çalışma kodu kontrol here.

Muhtemelen sonradan bu süreçte değerini kaybetmesine neden olan innerHTML özelliğini, yeniden tanımlamak zaman elemanını yeniden tarayıcıyı zorluyorlar.

Bu bir ile yapılabilir

  var elem = document.createElement("input");
  someDOMElement.childNodes.add(elem);

kombinasyon?

etiketler