[JavaScript]Dynamiczny dodawane pola formularza Opcje

[arzach]

Witam mam taki formularz

[PHP] pobierz, plaintext 
	echo "<form name='userform' method='post' enctype='multipart/form-data' action='".FUSION_SELF."'>\n";
	echo "<table id='input_fields_wrap' cellpadding='0' cellspacing='0' class='center'>\n<tr>\n";
 
 
	echo "<td align='center' colspan='2' class='tbl'>\n";
	echo "<a href='#' id='add_field_button'>Dodaj kolejny pliki</a></td>\n";
	echo "</tr><tr>";
 
 
	echo "<td width='50' class='tbl'>Plik:</td>\n";
	echo "<td class='tbl'><input type='file' name='host_user[]' class='textbox' style='width:250px;' /></td>\n";
	echo "</tr>\n<tr>\n";
 
	echo "<td align='center' colspan='2' class='tbl'>\n";
	echo "<input type='submit' name='sendmessage' value='Dodaj' class='button' /></td>\n";
	echo "</tr>\n</table>\n</form>\n";
[PHP] pobierz, plaintext 

i chce w nim dodawać dynamicznie dodatkowe pola

I wszystko ładnie działa ale nie do końca bo dodaje mi nowe pole na końcu tabeli a nie po pierwszym TR

kod js

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
     var max_fields      = 10; //maximum input boxes allowed
     var wrapper         = $("#input_fields_wrap"); //Fields wrapper
     var add_button      = $("#add_field_button"); //Add button ID
 
     var x = 1; //initlal text box count
     $(add_button).click(function(e){ //on add input button click
         e.preventDefault();
         if(x < max_fields){ //max input box allowed
             x++; //text box increment
             $(wrapper).append('</tr><tr><td width="50" class="tbl">Plik:</td><td class="tbl"><input type="file" name="host_user[]" class="textbox" style="width:250px;" /><a href="#" class="remove_field">Remove</a></td>'); //add input box
         }
     });
 
     $(wrapper).on("click",".remove_field", function(e){ //user click on remove text
         e.preventDefault(); $(this).parent('div').remove(); x--;
     })
});
[JAVASCRIPT] pobierz, plaintext 

[arzach]

Sam już doszedłem co jest źle trzeba porostu dodać po drugim tr
Udało się zrobiłem tak

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
 
var x = 1;
 
$( "#add_field_button" ).click(function() {
if(x < 10){
$('<tr><td width="50" class="tbl">Plik:</td><td class="tbl"><input type="file" name="host_user[]" class="textbox" style="width:250px;" /><a href="#" class="remove_field">Remove</a></td>').insertAfter($('#input_fields_wrap tr').eq(1));
x++;
}
});
 
 
    $('#input_fields_wrap').on("click",".remove_field", function(){ //user click on remove text
 
        $(this).parent('tr').remove(); x--;
 
     })
 
 
 
 
});
[JAVASCRIPT] pobierz, plaintext 

Ale nie działa mi teraz usuwanie proszę o pomoc

Ten post edytował arzach 8.01.2016, 19:45:39