Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] Znikanie opcji wyboru., Znikanie pola wyboru select, po wybraniu.
vifus
post
Post #1





Grupa: Zarejestrowani
Postów: 109
Pomógł: 13
Dołączył: 7.04.2012

Ostrzeżenie: (10%)
X----


Witam, mam taki kod:


  1.  
  2. <select onchange="change(this)">
  3. <option value="0">0</option>
  4. <option value="1">1</option>
  5.  
  6. </select>
  7. <script type="text/javascript" language="javascript">
  8. function change(node)
  9. {
  10.  
  11. switch(node.selectedIndex)
  12. {
  13. case 0:
  14. document.write("0000");
  15. break;
  16.  
  17. case 1:
  18. document.write("11111");
  19. break;
  20.  
  21. }
  22.  
  23. }
  24. </script>



Wszystko jest ok, z tym, że jest taki problem: po wybraniu opcji np. wybieram 1 wypisuje się na ekranie 11111, ale pole wyboru select znika, potrzebuję zrobić, żeby nie znikało - już nie mam pojęcia, co może za to odpowiadać.

Proszę o pomoc i dzięki z góry!


Ten post edytował vifus 9.04.2012, 11:29:46
Go to the top of the page
+Quote Post
lukesh
post
Post #2





Grupa: Zarejestrowani
Postów: 113
Pomógł: 14
Dołączył: 25.08.2006

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


Wszystko znika, bo takiego kodu używasz, który kasuje wszystko na stronie i wyświetla 11111.

Zamiast document.write użyj:

  1. document.getElementById('container').innerHTML = '11111';


i dodaj do strony div z id "container":

  1. <div id="container"></div>
Go to the top of the page
+Quote Post
vifus
post
Post #3





Grupa: Zarejestrowani
Postów: 109
Pomógł: 13
Dołączył: 7.04.2012

Ostrzeżenie: (10%)
X----


Ok, wszystko działa, dzięki, a jak zrobić, żeby po wejściu na stronę - np. pierwsza opcja jest <option>1</option> i dla 1 przypisany jest tekst: 1111 i trzeba go zaznaczyć najpierw, żeby to się wyświetliło - a jak zrobić, żeby od razu po wejściu na stronę wyświetlał się ten przypisany tekst dla pierwszej opcji ?

@@UP. Poradziłem, jeszcze raz dzięki.

Ten post edytował vifus 9.04.2012, 17:54:34
Go to the top of the page
+Quote Post
adgad
post
Post #4





Grupa: Zarejestrowani
Postów: 74
Pomógł: 0
Dołączył: 14.04.2010

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


Witam, to chyba właściwy temat (IMG:style_emoticons/default/smile.gif)
Mam taki kod:
  1. <select name="wybor">
  2. <option onclick="document.getElementById('opcja2').style.display='none'; document.getElementById('opcja1').style.display='none'">Jakiś wybór</option>
  3. <option value="opcja1" onclick="document.getElementById('opcja1').style.display='block'; document.getElementById('opcja2').style.display='none'">Opcja 1</option>
  4. <option value="opcja2" onclick="document.getElementById('opcja2').style.display='block'; document.getElementById('opcja1').style.display='none'">opcja2</option>
  5. </select>
  6. <div id="opcja1" style="display:none;">Wybór opcji1</div>
  7. <div id="opcja2" style="display:none;">wybór opcji2</div>
  8. </form>

Problem jest taki że na wszystkich przeglądarkach co mam: ie8, opera 12.01, ff ten kod działa. Problem jest z google chrome. Domyślam się że jest tu problem z kodem, mógłby ktoś podpowiedzieć co tu zmienić żeby chrome akceptował taki kodzik?
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 23.08.2025 - 07:14