[PHP][HTML][JavaScript] Dynamiczne kopiowanie elementów strony po naciśnięciu przycisku. Opcje

[Giluś]

Hej,

Chciałbym na stronie zrobić dynamiczne tworzenie input, tak że można ich stworzyć nawet i 100 i zawsze wyglądają tak samo.

Mam taki kod:

[PHP] pobierz, plaintext 
<div class="row">
 
								<div class="col-lg-2">
									<div class="form-group">
											<input class="form-control" name="model" placeholder="Kod towaru">
									</div>
                                </div>
 
								<div class="col-lg-2">
									<div class="form-group">
											<input class="form-control" name="model" placeholder="Nazwa towaru">
									</div>
                                </div>
 
								<div class="col-lg-2">
									<div class="form-group">
											<input class="form-control" name="model" placeholder="Ilość">
									</div>
                                </div>
 
								<div class="col-lg-2">
									<div class="form-group">
											<input class="form-control" name="model" placeholder="Wartość całkowita">
									</div>
                                </div>
 
								<div class="col-lg-2">
									<div class="form-group">
											<select name="klient" class="form-control">
												 <?php
												$mysql_klient = mysql_query("SELECT * FROM klient") or die('Błąd zapytania'); 
 
												if(mysql_num_rows($mysql_klient) > 0) { 
													while($rklient = mysql_fetch_assoc($mysql_klient)) { 
														echo '<option value="'.$rklient['id'].'">'.$rklient['imie'].' '.$rklient['nazwisko'].'</option>';
													} 
												} 
												?>
                                            </select>
									</div>
                                </div>
 
								<div class="col-lg-2">
									<div class="form-group">
											<select name="klient" class="form-control">
												<?php
												$mysql_sam = mysql_query("SELECT * FROM samochod") or die('Błąd zapytania'); 
 
												if(mysql_num_rows($mysql_sam) > 0) { 
													while($rsam = mysql_fetch_assoc($mysql_sam)) { 
														echo '<option value="'.$rsam['id'].'">'.$rsam['model'].' '.$rsam['marka'].'</option>';
													} 
												} 
												?>
                                            </select>
									</div>
                                </div>
 
                            </div>
[PHP] pobierz, plaintext 

I chciałbym aby po naciśnięciu przycisku np.: "Dodaj" powielało się ten cały kod, tylko wiadomo później trzeba zrobić odpowiednie name="" tak aby rozpoznać je po stronie PHP..

Dodatkowo chciałbym zrobić tak aby po wyborze Klienta z pierwszej listy (select) dynamicznie się wyświetlała lista z Samochodami (drugi select) dla danego klienta, nie wiem zbytnio jak to zrobić.


W sumie poradziłbym sobie z tworzeniem tych samych gołych inputów, ale nie wiem jak później dodać ten kod PHP, Divy itd.., dlatego liczę na waszą pomoc (IMG:style_emoticons/default/smile.gif)


Pozdrawiam i z góry bardzo dziękuje za pomoc.

[rad11]

Chciałbym na stronie zrobić dynamiczne tworzenie input, tak że można ich stworzyć nawet i 100 i zawsze wyglądają tak samo.

[PHP] pobierz, plaintext 
<button id="add">Add</button>
 
<div id="input_container">
</div>
 
$('#add').on('click', function(e){
e.preventDefault();
    var input = '<input type="text" name="data[]"/><br/>';
    $('#input_container').append(input);
});
[PHP] pobierz, plaintext 

I chciałbym aby po naciśnięciu przycisku np.: "Dodaj" powielało się ten cały kod, tylko wiadomo później trzeba zrobić odpowiednie name="" tak aby rozpoznać je po stronie PHP..

Zeby uzyskac taki efekt musisz stworzyc w JS`ie strukture ktora Cie interesuje wraz z ajaxem aby pobrac dane do selectow.

Dodatkowo chciałbym zrobić tak aby po wyborze Klienta z pierwszej listy (select) dynamicznie się wyświetlała lista z Samochodami (drugi select) dla danego klienta, nie wiem zbytnio jak to zrobić.

Tutaj rowniez powiniennes uzyc ajaxa i eventu on change.

Napisz jakis kod to bedzie sie myslec dalej.