Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem blokowanie pol lista
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
scooniatch
Witam,
Problem polega na tym, że chciałbym jednym polem checkbox zablokowac na stronie kilka list rozwijalnych. Może ktoś z was wie jak to zrobić?
Pozdrawiam
jjkk
  1. <?php
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="pl-PL">
  4. <head>
  5. <title>Dla leniwcow :)</title>
  6. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  7.  
  8. <script type="text/javascript">
  9.  
  10. window.onload = function() {
  11.  
  12. document.getElementById('block').onclick = blokuj;
  13.  
  14. }
  15.  
  16. function blokuj() {
  17.  
  18. var blockElements = document.getElementById('zablokuj').value.split(',');
  19.  
  20. if(document.getElementById('block').checked)
  21. for(var i=0; i < blockElements.length;i++)
  22. document.getElementById(blockElements[i]).setAttribute("disabled","disabled");
  23. else
  24. for(var i=0; i < blockElements.length;i++)
  25. document.getElementById(blockElements[i]).removeAttribute("disabled");
  26. }
  27.  
  28. </script>
  29.  
  30. </head>
  31. <body>
  32.  
  33. <form name="formularz">
  34.  
  35.  <input type="hidden" name="zablokuj" id="zablokuj"
  36.  value="pierwszy,drugi" />
  37. <label for="block" style="margin-bottom: 20px;">
  38. zablokuj wybrane selecty <input type="checkbox" id="block" />
  39. </label>
  40. <p>
  41. <select id="pierwszy" name="pierwszy">
  42. <option value="">Please choose</option>
  43. <option value="p">phone</option>
  44. <option value="e">email</option>
  45. </select>
  46. </p>
  47. <p>
  48. <select id="drugi" name="drugi">
  49. <option value="">Please choose</option>
  50. <option value="p">phone</option>
  51. <option value="e">email</option>
  52. </select>
  53. </p>
  54.  
  55. <p>
  56. <select id="drugi" name="trzeci">
  57. <option value="">Please choose</option>
  58. <option value="p">phone</option>
  59. <option value="e">email</option>
  60. </select>
  61. </p>
  62. </form>
  63.  
  64.  
  65. </body>
  66. </html>
  67. ?>


Mozna bylo po elemencie formularza sie odwolac ale tak tez dziala:)
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.