Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] wybor z select'a uaktywnia inne
Forum PHP.pl > Forum > Po stronie przeglądarki
Adyk
na forum widzialem tematy zwiazane z aktywowaniem danych pol formularza, lecz nie do konca to co chcialem.
mamy przycisk select

<select name=a1>
<option name=\"1\">dane1</option>
<option name=\"0\">dane2</option>
</select>

po wyborze opcji w wartoscia np 1 dostepne robi sie (nieaktywne wczesniej) pole textarea (<textarea name=d1></textarea>)
po wyborze zas 0, aktywny robi sie pole <input type=file name=plik>
wazne aby na samym poczatku nieaktywne byly oba przyciski, a pomiedzy przelaczanime tylko jeden z nich

Prosze o pomoc, z gory dzieki
czaru
Może coś takiego smile.gif

Kod

<script language="javascript">
function f_pokaz(id){
     switch(id){
         case "1":
         document.getElementById('div_1').style.display = "block";
        document.getElementById('div_0').style.display = "none";
         break;

         case "0":
           document.getElementById('div_1').style.display = "none";
          document.getElementById('div_0').style.display = "block";
           break;
        }
     }
</script>

<span class="postcolor"><select name=a1 onchange="f_pokaz(this.value)">
<option name=\"1\">dane1</option>
<option name=\"0\">dane2</option>
</select></span>

<div id="div_1" style="display: none">
<textarea name="d1"></textarea>
</div>

<div id="div_0" style="display: none">
   <input type="file" name="plik">
   </div>
Adyk
bajer dziala, dzieki

a dodam poprawke, dziala lepiej:

  1. <script language="javascript">
  2. function f_pokaz(id){
  3. switch(id){
  4. case "1":
  5. document.getElementById('div_1').style.display = "block";
  6. document.getElementById('div_0').style.display = "none";
  7. break;
  8.  
  9. case "0":
  10. document.getElementById('div_1').style.display = "none";
  11. document.getElementById('div_0').style.display = "block";
  12. break;
  13. }
  14. }
  15.  
  16. </head>
  17.  
  18. <form action=a.php>
  19.  
  20. <span class="postcolor">
  21. <select name=a1 onchange="f_pokaz(this.value)">
  22. <option value="1">dane1</option>
  23. <option value="0">dane2</option>
  24. </span>
  25.  
  26. <div id="div_1" style="display: none">
  27. <textarea name="d1"></textarea>
  28. </div>
  29.  
  30. <div id="div_0" style="display: none">
  31. <input type="file" name="plik">
  32. </div>
  33.  
  34. </form>
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.