Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Formularz - pole select i input typu text, Zmiana input bez przeladowywania strony
siorbi
post 17.09.2005, 23:08:25
Post #1





Grupa: Zarejestrowani
Postów: 56
Pomógł: 0
Dołączył: 8.09.2005

Ostrzeżenie: (0%)
-----


Witam,
pole select o nazwie xyz ma dwie opcje: opcja 1 i opcja 2
wybierajac opcje 1 pole input typu text o nazwie abc ma stac sie enabled
a tekst nad typ polem ma sie zmienic na niedostepne. po wybraniu opcja 2
pole abc ma byc dostepne i taki tekst ma zostac wyswietlony nad typ pole.
czy mozliwe jest to do zrobienia bez przeladowywania strony? nie moge sobie
z tym poradzic

Podrawiam


--------------------
www.siorbi.pl
Go to the top of the page
+Quote Post
aleksander
post 17.09.2005, 23:44:23
Post #2





Grupa: Przyjaciele php.pl
Postów: 742
Pomógł: 0
Dołączył: 14.12.2003
Skąd: Gdańsk, Trójmiasto

Ostrzeżenie: (0%)
-----


php => Po Stronie Przegladarki :: JavaScript
Go to the top of the page
+Quote Post
TomASS
post 18.09.2005, 10:14:23
Post #3





Grupa: Zarejestrowani
Postów: 1 660
Pomógł: 13
Dołączył: 9.06.2004
Skąd: Wrocław i okolice

Ostrzeżenie: (0%)
-----


To tak:

1. Nadaj identyfikatory poszczególnym elementom:
  1. <select name="xyz" id="xyz">
  2. <option>opcja 1</option>
  3. <option>opcja 2</option>
  4.  
  5. <input type="text" name="abc" id="abc">


2. Teraz robisz funkcję JS, nie będę dawał gotowca, ale naprowadze i mam nadziekę, że się nie mylę:
  • Wartość pola xyz możesz wczytać:
    var wartosc_pola_xyz;
    wartosc_pola_xyz = document.getElementById('xyz').value
  • Dodajesz funkcję if.
  • Aby zablokować element abc:
    document.getElementById('abc').disabled=true;
  • Aby odblokować elemnt abc:
    document.getElementById('abc').disabled=false;
  • Aby zmienić wartość elemetu abc:
    document.getElementById('abc').value='Niedostepne';
Jak coś Ci się uda sklecić i nie będzie działać to pisz.....powodzenia smile.gif


--------------------
Go to the top of the page
+Quote Post
siorbi
post 18.09.2005, 21:36:17
Post #4





Grupa: Zarejestrowani
Postów: 56
Pomógł: 0
Dołączył: 8.09.2005

Ostrzeżenie: (0%)
-----


Dzieki biggrin.gif
bardzo slabo znam sie na javie ale udalo mi sie to zrobic
  1. <select name="xyz" id="xyz" onChange="test()">
  2. <option value=0 selected></option>
  3. <option value=1>opcja 1</option>
  4. <option value=2>opcja 2</option>
  5. <input type="text" name="abc" id="abc" disabled value="opcja niedostępna">
  6. </form>
  7.  
  8. <script language="javascript">
  9.  
  10. function test()
  11. {
  12. var wartosc_pola_xyz;
  13. var tekst=document.getElementById('abc');
  14.  
  15. wartosc_pola_xyz = document.getElementById('xyz').value;
  16.  
  17. if(wartosc_pola_xyz=='0')
  18. {
  19. tekst.value="opcja niedostępna";
  20. document.getElementById('abc').disabled=true;
  21. }
  22.  
  23. if(wartosc_pola_xyz=='1')
  24. {
  25. tekst.value="opcja niedostępna";
  26. document.getElementById('abc').disabled=true;
  27. }
  28.  
  29. if(wartosc_pola_xyz=='2')
  30. {
  31. tekst.value="";
  32. document.getElementById('abc').disabled=false;
  33. }
  34. }


Teraz mam problem z tym tekstem on ma pojawiac sie ponad abc
To ma byc zwykly tekst w zaleznosci od wybranej opcji pojawiajacy sie nie w polu input

Pozdrawiam


--------------------
www.siorbi.pl
Go to the top of the page
+Quote Post
TomASS
post 18.09.2005, 23:05:08
Post #5





Grupa: Zarejestrowani
Postów: 1 660
Pomógł: 13
Dołączył: 9.06.2004
Skąd: Wrocław i okolice

Ostrzeżenie: (0%)
-----


Widzisz jak pinknie Ci sie udalo. I znajomość javy nie ma tu nic do rzeczy smile.gif Tu chodzi o javaScript tongue.gif

Co do Twojego pytania to czy chciałbyś mieć coś takiego jak zrobił NuLL na swojej stronie jak się dodaje komentarz? smile.gif Może wystarczy tylko podglądnąć źródło..... smile.gif


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 13.06.2025 - 11:19