Forum PHP.pl > Generowanie inputów

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

dyktek

13.12.2005, 12:15:06

Cześć,
szukam kodziku javy, który zrealizuje taką rzecz

mam pole select

[HTML] pobierz, plaintext 
<select name="ilosc" ><option value="1">1</option><option value="2">2</option><option value="3">3</option></select>
[HTML] pobierz, plaintext

no i chciałem zrobić coś takiego że jesli user wybierze 3 to bez przeładowania pojawią się trzy pola input generalnie chodzi o to zeby wyswietlało mi tyle pol input ile user wybierze.

z góry dzieki za pomoc

mike

13.12.2005, 12:25:01

1. "Mały problemik" :?: A co nam to mówi. Proszę o temat na PW związany z problemem to otworzę.
2. Java != Javascript

----edit----
Otwieram.

dyktek

13.12.2005, 12:55:23

doszedłem do takiego stanu:

[HTML] pobierz, plaintext 
<script language="JavaScript" type="text/javascript">
<!--
function axt(id){
  document.getElementById('tab1').style.display = 'none';
  document.getElementById('tab2').style.display = 'none';
  document.getElementById('tab3').style.display = 'none';
  document.getElementById('tab4').style.display = 'none';
  document.getElementById('tab5').style.display = 'none';
  document.getElementById('tab6').style.display = 'none';
  document.getElementById(id).style.display = 'block';
}
//-->
</script>
 
 
<select name="ilosc" onchange="javascript:axt('tab')"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select>
 
 
<div id="tab1">
bla bla bla  11111111
</div>
<div id="tab2" style="display: none;">
bla bla bla  22222222222
</div>
<div id="tab3" style="display: none;">
bla bla bla  3333333333
</div>
<div id="tab4" style="display: none;">
bla bla bla   4444444444
</div>
<div id="tab5" style="display: none;">
bla bla bla   55555
</div>
<div id="tab6" style="display: none;">
bla bla bla     666666666
</div>
[HTML] pobierz, plaintext

i nie wiem jak zrbić aby tutaj onchange="java script:axt('tab')" wstawiało po tab1 lub tab2 lub tab3 w zaleznosci od wyboru z selecta

revyag

13.12.2005, 13:29:45

Kod

[HTML] pobierz, plaintext 
<select id="s" name="s" onchange="iadd(this)">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>
<div id="inputs">
 
</div>
[HTML] pobierz, plaintext

dyktek

13.12.2005, 13:38:10

fajne rozwiązanie dzięki, a jest jeszcze możliwość dorobienia do tego takiego motywu ze jak klikam na 3 to pojawiają sie 3 inputy ale jak klikne jeszcze raz na 2 do do tych 3 dodaje kolejne dwa i razem jest juz 5 wiec gdy ktos wybierze zle pole z selecta i będzie chciał poprawiać do sie mnozyc będą te inputy cały czas

revyag

13.12.2005, 14:23:01

Możesz sobie dodać buttona,który to skasuje np. tak:

Kod

function iclear() {
    var inputs = document.getElementById("inputs");
    while(inputs.hasChildNodes()) {
        inputs.removeChild(inputs.childNodes[0]);
    }
}

[HTML] pobierz, plaintext 
<input type="button" onclick="iclear()" value="clear" />
[HTML] pobierz, plaintext

dyktek

13.12.2005, 15:44:05

dzięki działa

ale mam jeszcze jeden problem z tym kodem
chodzi o to ze zrobiłem sobie to tak

Kod

function iadd(count) {
   var elems = new Array();
   for(var i=0; i < count.options[count.selectedIndex].value;i++) {
       elems[i] = document.createElement("input");
       elems[i].type="text";
       elems[i].name="godzina"+1;
       document.getElementById("inputs").appendChild(elems[i]);
       document.getElementById("inputs").appendChild(document.createElement("br"));
   }
}

czyli pierwszy input nazywa sie godzina1 wiec kolejny powinien sie nazywać godzina2 godzina3 itd... jednak jak wypełnie np. 5 inputów to zawsze odebrać mogę tylko tego ostatniego a pozostałe są puste

revyag

13.12.2005, 15:59:12

Kod

elems[i].name="godzina"+(i+1);

Tak będzie dobrze, u Ciebie wszystkie inputy mialy tę samą nazwę.
Bo jedynka jako liczba przecież się nie będzie sama z siebie inkrementować

Do nazwy trzeba dodać zmienną która zwiększa swoją wartość.

dyktek

14.12.2005, 09:06:22

spoko dzięki

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.