Forum PHP.pl > [HTML][JavaScript][PHP]Podlicznie pól dynamicznych

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][JavaScript][PHP]Podlicznie pól dynamicznych

lukasz92r

7.11.2015, 20:32:05

Mam napisany skrypt z dodawaniem kolejnych pól. Skrypt jest poniżej:

[PHP] pobierz, plaintext 
 <?php
 include('config.php');
 ?>
 
 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style type="text/css">
<!--
div.upload { display: block; }
input.upload { display: block; }
select.upload1 { display: block; }
-->
</style>
</head>
 
<body>
<form action="" method="post">
	<div id="pliki">
		<div class="upload">
			Link: 
			<input type="text" name="plik[]" />
		</div>
		<div class="upload1">
			Server:
			<select name="link[]" >
			<option>Wybierz hosting upload</option>
			<?php $result = mysql_query("SELECT * FROM serwery"); while($tier = mysql_fetch_array( $result )) { echo '<option value="'.$tier['id'].'">'.$tier['nazwa'].'</option>'; } ?>
			</select>
		</div>
	</div>
	<div>
		<input type="button" value="Załącz kolejny plik" onclick="dodaj_element('pliki');" />
		<input type="submit" name="submit" value="Wyślij" />
	</div>
</form>
<script type="text/javascript">
<!--
function dodaj_element(kontener){
	var div = document.createElement('div');
	var div1 = document.createElement('div');
	var znacznik1 = '<option>Wybierz hosting upload</option><?php $result1 = mysql_query("SELECT * FROM serwery"); while($tier1 = mysql_fetch_array( $result1 )) { ?> <option value="<?php echo $tier1['id']; ?> "><?php echo $tier1['nazwa']; ?></option><?php } ?> ';
	div.innerHTML = ('Link: <input type="text" name="plik[]" />');
	var znacznik2 = '<select name="link[]" >' + znacznik1 +'</select>';
	div1.innerHTML = ('Server: ' + znacznik2);
	var kontener = document.getElementById(kontener);
	kontener.appendChild(div);
	kontener.appendChild(div1);
 
 
}
//-->
</script>
 
<?php
 
$ilosc = count($_POST['plik']);
 
echo $ilosc;
for ($i = 0; $i < $ilosc; $i++) {
 echo $_POST['plik'][$i].' - '.$_POST['link'][$i].'<br>'; 
 
}
 
?>
</body>
</html>
[PHP] pobierz, plaintext

Teraz próbuje ustalić limit ilości dodwanych pól. Np.: jeśli limit pól będzie 5 to więcej niż 5 pól się nie doda.

trueblue

7.11.2015, 20:50:43

[HTML] pobierz, plaintext 
document.getElementById(kontener).querySelectorAll('input[name^="plik"]').length
[HTML] pobierz, plaintext

lukasz92r

8.11.2015, 14:50:50

Mam kolejny problem chce teraz usuwać pola. Użułem metody removeChild i wszystko się miesza. Oto napisany skrypt:

[PHP] pobierz, plaintext 
function usun_element(kontener){
	var x = document.querySelectorAll('input[name^="plik"]');
	var x0 = x.length * 2;
	var x1 = x0 - 2;
	var x2 = x0 - 1;
	var list = document.getElementById("pliki");
	document.getElementById("pliki1").innerHTML = x1 + ' - ' + x2 + ' - ' + x.length;
	if (x.length == 1) {
 
	return false;	
	} else {
	list.removeChild(list.childNodes[x1]);
	list.removeChild(list.childNodes[x2]);
	return true;		
	}
}
[PHP] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.