Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Formularz - pole select i input typu text
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
siorbi
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
aleksander
php => Po Stronie Przegladarki :: JavaScript
TomASS
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
siorbi
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
TomASS
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
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.