Forum PHP.pl > [JavaScript][HTML]Ilość pół w zależności od wyboru :)

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][HTML]Ilość pół w zależności od wyboru :)

Forum PHP.pl > Forum > Przedszkole

Xart

13.04.2014, 21:33:36

Witam pisze już dziś kolejny raz no ale jest projekt do nauki to trzeba robić aby coś osiągnąć

O PHP CSS HTML troche pojęcia mam ale o JS nie bardzo

Potrzebuję pewien mały kod najlepiej w jquery

Na tej zasadzie że :

Mamy pole SELECT do wyboru opcji (jest ich 11) czyli 10,11,12,13,14,15,16,17,18.19,20.
W zależności od tego jaką wartość w select wybierzemy pojawi nam się tyle linijek w formularzu
z tym że atrybut 'name' każdej kolejnej linijki ma się nazywać kodx gdzie x oznacza kolejną liczbę naturalną z przedziału <1,20>
NP: Użytkownik wybiera liczbę 10 to wyświetli mu się
<input name=kod1....
<input name=kod2
<input name=kod3...
......
.....
<input name=kod10...

Bez przeładowania strony oczywiście

Z góry thx za pomoc :]

Turson

13.04.2014, 21:43:03

http://jsfiddle.net/Srnya/

Xart

13.04.2014, 21:49:03

@UP Dzięki wielkie ale jak wrzucę na locala to nie działa ;/

[HTML] pobierz, plaintext 
<script type="text/javascript" src="resources/scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="resources/scripts/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="resources/scripts/simpla.jquery.configuration.js"></script>
<script type="text/javascript">
$("#select").on("change", function(){
	var ile = $(this).val();
	var inputy = '1 <input type="text" name="kod1"><br>';
	for(var i=2;i<=ile;i++){
		inputy += i+' <input type="text" name="kod'+i+'"><br>';
	}
	$("#inputy").html(inputy);
})
</script>
<script type="text/javascript" src="jquery.min.js"></script>
<select id="select">
	<option>11</option>
	<option>20</option>
</select>
<div id="inputy"></div>
[HTML] pobierz, plaintext

Turson

13.04.2014, 21:53:52

Odpal przeglądarkową konsolę i zobacz błąd.

Xart

13.04.2014, 21:58:44

Nwm skopiowałem z kodu tej jsfiddle i działa ale się różni no ale mniejsza z tym

W każdym razie wielkie thx :]

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript' src='resources/scripts/jquery-1.10.2.min.js'></script>
<script type='text/javascript'>
$(window).load(function(){
$("#select").on("change", function(){
	var ile = $(this).val();
	var inputy = '1 <input type="text" name="kod1"><br>';
	for(var i=2;i<=ile;i++){
		inputy += i+' <input type="text" name="kod'+i+'"><br>';
	}
	$("#inputy").html(inputy);
})
})
</script>
</head>
<body>
<select id="select">
<option>10</option>
<option>20</option>
</select>
<div id="inputy"></div>
</body>
</html>
[HTML] 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.