Jquery клон и Избранный инициализировать вопрос после первой строки

Question

Я хочу создать Добавить строки пользователей form..So можно добавить несколько данных один раз .. Для клонирования строк использовали этот плагин

Clone-section-of-form-using-jQuery

Все работает хорошо .. Когда я использую Jquery Избранного плагин для выпадающего списка .. Это работает только для первой строки ..

Я думаю, что нужно для инициализации выбрана после каждой строки, созданной .. Но я не могу править Clone-раздел-в-форме-с помощью JQuery-файла для достижения этого результата ..

Я прочитал все связанные с пост .. Те самые использовать старый выбранный плагин .. теперь дни, выбранный с помощью кода аналогичный показать на ниже

<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> 

Так что я не знаю, как применить выше код для клонирования формы плагина :(

создать образец комбинированной формы клон плагин и Избранные ..

Download Link

Может ли один помочь мне

Благодаря

Answer 1

Ok, я нашел вашу проблему. Я изменил код таким образом: Я инкапсулированная инициализацию в функцию

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'); 

тогда я изменил код клона, как это:

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); 

Важные детали:

• удалить клонированные выбираемый из нового элемента
• шоу (Unhide) Выбрать
• переинициализировать выберите

Кроме того, хотя он работает, как это так, я думаю, что вы хотите использовать newElem.insertAfter, а не newElem.appendTo в коде клона. Я думаю, что он заявляет о своем намерении лучше.