2016-03-30 24 views
0

Çalıştığım bu eklentiyijQuery klonu ve Seçilmiş

Clone-section-of-form-using-jQuery

Herşey kullanılan satırları klonlamak için .. kez birden verileri ekleyebilirsiniz form..So kullanıcıları daha fazla satır ekle oluşturmak istediğiniz sıralarından sonra konuyu başlatmak i açılır için jQuery seçilmiş eklentisini kullandığınızda ince .. .. sadece sanırım

oluşturulan her satırın ardından seçilen initialize gerekiyor .. Ama yapamıyorum

Error Explain Image .. ilk satır için çalışma var düzenlemek Klon-kesit formun-jQuery kullanarak o sonucu elde etmek için dosyayı ..

Ben .. eski seçilen eklentisi kullanarak olanlar çoğu .. şimdi gün aşağıda

benzer kod gösterisi kullanılarak seçilen ilgili tüm yazıyı okumak
<select data-placeholder="Choose a Country..." class="chosen-select" style="width:350px;" tabindex="2"> 
     <option value=""></option> 
     <option value="United States">United States</option> 
     </select> 

     <script type="text/javascript"> 
      var config = { 
       '.chosen-select'   : {}, 
       '.chosen-select-deselect' : {allow_single_deselect:true}, 
       '.chosen-select-no-single' : {disable_search_threshold:10}, 
       '.chosen-select-no-results': {no_results_text:'Oops, nothing found!'}, 
       '.chosen-select-width'  : {width:"95%"} 
       } 
      for (var selector in config) { 
       $(selector).chosen(config[selector]); 
      } 
     </script> 

Yani ben formu eklentisi :(Ben örnek kombine klon formu eklentisi ve Chosen oluşturmak

klonlamak için kod yukarıdaki nasıl uygulanacağını bilmiyorum ..

Download Link

herhangi bir Sorununu buldum, bana

cevap

1

Tamam

Teşekkür yardımcı olabilir. Ben böylece kod değiştirdik: Ben bu gibi klon kodunu değiştirdik

function initSelects(baseSelector) { 
    var config = { 
     '.chosen-select' : {}, 
     '.chosen-select-deselect' : { 
      allow_single_deselect : true 
     }, 
     '.chosen-select-no-single' : { 
      disable_search_threshold : 10 
     }, 
     '.chosen-select-no-results' : { 
      no_results_text : 'Oops, nothing found!' 
     }, 
     '.chosen-select-width' : { 
      width : "95%" 
     } 
    } 
    for (var selector in config) { 
     $(selector, baseSelector).chosen(config[selector]); 
    } 
} 
initSelects('body'); 

sonra bir fonksiyonu haline başlatma kapsüllü ettik:

newElem = $('#entry' + num).clone().attr('id', 'entry' + newNum).fadeIn('slow'); // create the new element via clone(), and manipulate it's ID using newNum value 
    $('.chosen-container',newElem).remove(); 
    newElem.find("input:text").val("").end() 
    newElem.find("input[type=date]").val("").end() 
    newElem.appendTo('.clonedInput:last'); 
    $('select.chosen-select',newElem).show(); 
    initSelects(newElem); 

önemli parçaları şunlardır:

  • klonlanmış yeni elemanından seçilen
  • göstermek (görünür kılmak) seçme
  • kaldırma ancak aynı derecede iyi olduğu gibi, ben size klon kodunda newElem.insertAfter yerine newElem.appendTo kullanmak istiyorum düşünüyorum çalışır halde
  • Ayrıca seçme

yeniden başlatmak. Sanırım niyetini daha iyi ilan ediyor.

+0

Wow ... İnanılmaz .. Bu iş: D Çok teşekkür ederim –

İlgili konular