[jQuery] dodawanie pól do formularza - append() Opcje

[dstp]

robie sobie taki mini uploader zdjęć, chce zrobic zeby przy na raz mozna bylo wrzucić kilka zdjęć (max. 5). Zrobiłem formularz, a w nim jeden input file i obok niego przycisk "dodaj następne", w jquery zrobiłem coś takiego:

[HTML] pobierz, plaintext 
<script type="text/javascript">
	$(document).ready(function() {
		$("#add_file").click(function() {
			$("#add_file").append('<input type="file" name="" tabindex="6" size="40" id="photo" />');
		});
	});
	</script>
[HTML] pobierz, plaintext 

działa jak należy, po kliknięciu na przycisk dodaje prawidłowo następne pola. Teraz chciałem przejść do php, ale jak pobiorę zdjęcie np. z 3 inputa file? chciałem zrobić, żeby po kliknięciu na dodaj następny input, skrypt js automatycznie dodawał +1 do "name".

jakieś for czy coś w jquery, ale nie znam na tyle jquery, żeby samemu to zrobić.

druga sprawa to ograniczenie dodawania inputów do np. 5, też nie wiem jak zrobić

[CuteOne]

wystarczy name="zdjecie[]" w ten sposób tworzysz tablicę a po stronie PHP obsługujesz ją pętlą

[HTML] pobierz, plaintext 
<script type="text/javascript">
	var count = 0;
	$(document).ready(function() {
		$("#add_file").click(function() {
 
			if(count < 5) {
 
				$("#add_file").append('<input type="file" name="zdjecie[]" tabindex="6" size="40" id="photo" />');
				count++;
			}
		});
	});
	</script>
[HTML] pobierz, plaintext 

Ten post edytował CuteOne 5.08.2011, 16:18:42

[dstp]

ok, działa

a czemu jak klikne w "dodaj input" to pojawia sie input, ale po nacisnieciu "przegladaj" (zeby wybac zdjecie do wrzucenia) dodaje sie nastepny input?

<a id="add_file">dodaj input</a>

Ten post edytował dstp 5.08.2011, 16:48:10