Metin kutusu dinamik olarak eklemek nasıl?

2 Cevap php

Bu kriterler ile yardım lütfen?

Kullanıcılar, ADI linki ADD gibi birçok isimleri eklemek mümkün olabilir bunun için amaca hizmet

How can i handle this specification ? Please check the spec below:

alt text

Thanq

2 Cevap

Bu iyi gider umuyoruz.

<html>
<script type="text/javascript">
    function addfieldset() {
    	var namefieldset = document.getElementById("name").cloneNode(true);
    	document.getElementById("names").appendChild( namefieldset );
    }
    function deletefieldset( e ) {
    	var namefieldset = e.parentNode;
    	namefieldset.parentNode.removeChild( namefieldset );
    }
</script>
<body>
    <div id="names"><div id="name">Name: <input name="namefield" type="text"/><a href="#" onclick="deletefieldset( this )">delete</a></div></div>
    <input id="addnamebtn" type="button" value="Add Name" onclick="addfieldset()"/>
</body>
</html>

Ben kısaca bu açıkladı "quirkmodes" mükemmel bir yazı hatırladım. Ben hala benim imleri tutun. İşte is.

Good Day!

var input = $('#input').clone().attr('name', 'name2').attr('id', 'input-2').appendTo('body')

Sen daha ileri gitmek ve $(el).clone() ile tüm satır / div klonlamak ve ardından mutlaka .find('input') ve eşsiz konum ve çatışma yok yani adı ve kimliği öznitelik değerleri değiştirebilirsiniz. Eğer olay işleyicileri kopyalamak istiyorsanız true klonlamak iletebilirsiniz.

Eksik olmayan jQuery "çözüm" Bilmiyorum beri exactly, hangi o şimdi düğümleri klonlayabilirsiniz iddia beri OP olduğunu işaret ..

  <div id="wrap">
    <div class="foo">
      <label for="first_name">name:</label><input type="text" name="first_name[]  " id="first_name"><a href="#">delete</a>
    </div>
    <a href="#" id="add">add name</a>
  </div>
  <script>
  (function() {
    var add = document.getElementById('add'), counter = 0;
    add.onclick = function() {
      var rows = document.getElementsByTagName('div'), last = false;
      if ( rows.length ) {
        for ( var i = rows.length; i--; ) {
            if ( last ) { break; }
            if ( rows[i].className.length && ( ' ' + rows[i].className + ' ' ).indexOf(' foo ') != -1 ) {
              last = rows[i];
            }
        }
      }
      if ( last ) {
        var newNode = last.cloneNode(true), wrap = document.getElementById('wrap'), input = newNode.getElementsByTagName('input');
        input.id = input.id + (counter++);
        wrap.appendChild( newNode );
      }
    }
  })();