jQuery autocomplete Добавить выделение в div

Question

Я работаю с плагином автозаполнения в jQuery, и я хочу добавить выбор моих результатов в элемент div с дополнительными элементами: скрытый ввод и ввод текста.

Это мой HTML код:

Это моя функция в JQuery:

$("#buscar").autocomplete({ 
    source: "procesos/buscarPersona.php", 
    minLength: 2, 
    select: function(event, ui) { 
     $("#acreditados") 
      .append('<div class="col50"><p>' 
      + '<input type="hidden" name="id" value="' + ui.item.id_persona + '"/>' 
      + ui.item.value 
      + '</p></div>' 
      + '<div class="col50 f-right"><p>Monto:' 
      + '<input type="text" /></p></div>'); 
     } 
}); 

В настоящее время мой код работает отлично, однако я считаю, трудно поддерживать функцию на добавление, которое показывает результат выбора и дополнительные входы. Есть ли способ, которым я могу использовать функцию load(), чтобы сделать это более простым? Конечный результат должен содержать несколько вариантов выбора, а не только последний выбор.

Answer 1

Не используйте нагрузку, загрузка Ajax, что означает связь с сервером, для каждого выбора, если вам не нужна какая-либо проверка или более сложная логика, нам следует избегать доступа к сети ,

Если вы используете нагрузку, то для каждого выбора вы будете общаться с вашим сервером, а затем он передаст вам html.

ИМХО это решение выглядит уродливым, но более эффективным.

Edit:

Держите это Див отдельно:

<div class="dynamiccontentcont"> 
     <div class="col50"> 
      <p><input type="hidden" name="id" value=""/></p> 
     </div> 
     <div class="col50 f-right"> 
     <p>Monto:<input type="text" /></p> 
    </div> 
    </div> 

При выборе

1. Clone этот DIV по телефону jQuery('.dynamiccontentcont').clone()
2. Поместите выбранные значения (Как вы сейчас делаете в ваш код)
3. Добавить дип в йо ur код