Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS] Onchange i select
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Musiek
Chciałbym aby użytkownik mógł wybierać cyfrę z listy rozwijanej ale także jeśli nie chce jej zmieniać, mógł ja zablokować. Jednak obie funkcje w js tak jakby się gryzą i nie działają naraz. Jak mógłbym to naprawić?

  1. <script type="text/javascript">
  2.  
  3. function Sumuj() {
  4.  
  5. wynik.value=parseFloat(document.getElementById("opcja").value);
  6. document.getElementById("wynik");
  7. }
  8.  
  9.  
  10. function select() {
  11. if(document.getElementById('select').checked == true) {
  12. document.getElementById('opcja').disabled = true;
  13. }
  14. else{
  15. document.getElementById('opcja').disabled = false;
  16. }
  17. }
  18.  
  19.  
  20.  
  21. <form id="form1" name="form1" method="post" action='?'>
  22.  
  23. <br>
  24. <table border="1">
  25. <tr>
  26. <td>Blokuj</td>
  27. <td><input type="checkbox" name="select" id="select" onclick="select()" >select</input></td>
  28. </tr>
  29. <br>
  30.  
  31. <table border="1">
  32. <tr>
  33. <td><center><SELECT name="opcja" id="opcja" size="1" OnChange="Sumuj()">
  34. <OPTION value="0">0</OPTION><OPTION value="1">1</OPTION><OPTION value="2">2</OPTION><OPTION value="3">3</OPTION><OPTION value="4">4</OPTION>
  35. </center></SELECT></td>
  36. </tr>
  37. </table>
  38. </form>
  39.  
  40. <table border="1">
  41. <tr>
  42. <td>wybrano:</td>
  43. <td><input type="text" id="wynik" style="width:70px;"></td>
  44. </tr>
  45. </table>
  46.  
  47.  
  48. </body>
  49. </html>
Kemsan
  1. <head>
  2. <script type="text/javascript">
  3.  
  4. function SumValue( value ) {
  5. document.getElementById("wynik").value = parseFloat( value );
  6. }
  7.  
  8.  
  9. function Select() {
  10. document.getElementById('opcja').disabled = document.getElementById('select').checked;
  11. }
  12. </script>
  13. </head>
  14. <body>
  15. <form id="form1" name="form1" method="post" action="?">
  16. <br>
  17. <table border="1">
  18. <tr>
  19. <td>Blokuj</td>
  20. <td><input type="checkbox" name="select" id="select" onclick="Select()" >select</input></td>
  21. </tr>
  22. </table>
  23. <br>
  24.  
  25. <table border="1">
  26. <tr>
  27. <td>
  28. <select name="opcja" id="opcja" size="1" OnChange="SumValue( this.value );">
  29. <option value="0">0</option>
  30. <option value="1">1</option>
  31. <option value="2">2</option>
  32. <option value="3">3</option>
  33. <option value="4">4</option>
  34. </select>
  35. </center>
  36. </td>
  37. </tr>
  38. </table>
  39. </form>
  40. <table border="1">
  41. <tr>
  42. <td>Wybrano:</td>
  43. <td><input type="text" id="wynik" style="width:70px;"></td>
  44. </tr>
  45. </table>
  46. </body>
  47. </html>

Proszę. :]
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.