Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Select i Option [js]
Muadib
post
Post #1





Grupa: Zarejestrowani
Postów: 87
Pomógł: 0
Dołączył: 9.11.2005

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

Mam pytanie dotyczące właściwości selecta i połączeniu go z javascript, powiedzmy że mam element select do którego dołączam javescript:

[HTML] pobierz, plaintext 
  1. <select name='stopien' onchange='if(this.selectedIndex == 0) { brak('other'); } else { widok('other');}'>
  2.  
  3. <option>marynarz</option>
  4. <option>oficer</option>
  5. <option>inne</option>
  6.  
  7. </select>
  8.  
  9. <input type='text' name='inne' id='other' style='display:none;'>
[HTML] pobierz, plaintext


Funkcja javovo scriptowa sie prezentuje następująco:

[HTML] pobierz, plaintext 
  1. function widok(obj)
  2. {
  3. document.getElementById(obj).style.display = '';
  4. }
  5.  
  6. function brak(obj)
  7. {
  8. document.getElementById(obj).style.display = 'none';
  9. }
[HTML] pobierz, plaintext


Ogólnie ideą jest żeby po najechaniu na opcje inne wyświetlał sie input, tylko że jakoś sie buntuje ze nie chce :/
Go to the top of the page
+Quote Post
nitek
post
Post #2





Grupa: Zarejestrowani
Postów: 209
Pomógł: 37
Dołączył: 27.02.2008
Skąd: Kwidzyn

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

daje gotowca (niech nikt nie ma za złe) (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) 

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script>
  4. function pokaz(obj1,obj2)
  5. {
  6. //alert(document.getElementById(obj).selectedIndex);
  7. if(document.getElementById(obj1).selectedIndex==2)
  8.   document.getElementById(obj2).style.display = 'block';
  9. else
  10.   document.getElementById(obj2).style.display = 'none';
  11. }
  12.  
  13. </script>
  14. </head>
  15.  
  16. <body>
  17.  
  18. <select name="stopien" id="stopien" onchange="javascript:pokaz('stopien','other');">
  19.  
  20. <option>marynarz</option>
  21. <option>oficer</option>
  22. <option>inne</option>
  23.  
  24. </select>
  25.  
  26. <input type='text' name='inne' id='other'  style='display:none;'>
  27.  
  28.  
  29. </body>
  30. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
Muadib
post
Post #3





Grupa: Zarejestrowani
Postów: 87
Pomógł: 0
Dołączył: 9.11.2005

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

Dziękuje za poprawki (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.08.2025 - 10:24
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn