Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [php][js]Pole select wybór
Forum PHP.pl > Forum > Przedszkole
-pandaci-
Witam

Mam pole select

  1. <?php
  2. <select name="za">
  3. <option>z</option>
  4. <option>w</option>
  5. </select>
  6. ?>


Oraz skrypt w JS

  1. <script type="text/javascript">
  2. function show_hide(obj) {
  3. if(obj.checked) {
  4. document.getElementById("table1").style.display = "block";
  5. document.getElementById("table2").style.display = "none";
  6. }
  7. else {
  8. document.getElementById("table1").style.display = "none";
  9. document.getElementById("table2").style.display = "block";
  10. }
  11. }


Gdzie w pole select wpisać i co aby przy wyborze "z" wykonywała się komenda po if, a przy wyborze "w" po else??
przyjaciel
wydaje mi sie ze powinienes zamiast listy rozwijanej urzyc "checkbox"
grom44
Ja bym to zrobił tak

  1. <select name="za" onchange="show_hide(this.value)">


i kod js:

  1. function show_hide(obj) {
  2.  
  3. if(obj == 'z') {
  4. document.getElementById("table1").style.display = "block";
  5. document.getElementById("table2").style.display = "none";
  6. }
  7. else {
  8. document.getElementById("table1").style.display = "none";
  9. document.getElementById("table2").style.display = "block";
  10. }
  11. }
uli
Cytat(przyjaciel @ 7.01.2008, 14:51:02 ) *
wydaje mi sie ze powinienes zamiast listy rozwijanej urzyc "checkbox"


Użyć - jeśli już (tak wiem, wiem dyslekcja, dysortografia, masz papier i nie czytasz książek - setki razy już tu to słyszałem).

  1. <select name="za" onChange="show_hide();">


  1. <script type="text/javascript">
  2. function show_hide() {
  3. if(document.getElementById("za").value == "z") {
  4. document.getElementById("table1").style.display = "block";
  5. document.getElementById("table2").style.display = "none";
  6. }
  7. else {
  8. document.getElementById("table1").style.display = "none";
  9. document.getElementById("table2").style.display = "block";
  10. }
  11. }
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.