Napisałem skrypt powielający pola w formularzu. Do tego za pomocą post pobieram sobie pole wyboru <select> ale to nie wyświetla się w miejscu których chciałbym. Zamiast na początku to utworzą się wszystkie elementy powielone a na końcu dopiero moja pobrana lista wyboru, kilkakrotnie zależnie od tego ile razy wykonała się pętla. Tak jakby funkcja $.ajax wykonywała się dopiero po wyjściu z pętli. Może ktoś pomóc? poniżej podaje kod.
$(function() { $('select[name=instytucja]').change(function(){ var value1 = $(this).val(); var value = value1[2]; while(value > 0){ $.ajax({ url: 'http://localhost/wordpress/?page_id=12', data: {funkcja: 'test'}, type: 'post', success: function(output) { $("#result").append(output); } }); $("#result").append('<input type="text" name="name[]" class="name" placeholder="Twoje imie">'); $("#result").append('<input type="text" name="sname[]" class="sname" placeholder="Twoje nazwisko" />'); $("#result").append('<br>'); $("#result").append('<input type="email" name="email[]" class="email" placeholder="Adres e-mail" />'); $("#result").append('<input type="tel" name="phone[]" class="phone" placeholder="Telefon" /><div></div>'); $("#result").append('<select id="wyzywienie" name="wyzywienie[]"><option value="0">Preferowane wyżywnie</option> <option value="1">Mięsne</option> <option value="2">Wegetarniańskie</option> </select>'); $("#result").append('<br>'); value--; } }); });