Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JS] Onchange i select
Musiek
post
Post #1





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 29.03.2007

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


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>


Ten post edytował Musiek 13.05.2011, 10:53:02
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 1)
Kemsan
post
Post #2





Grupa: Zarejestrowani
Postów: 33
Pomógł: 6
Dołączył: 30.06.2008
Skąd: Bytom

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


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

Ten post edytował Kemsan 13.05.2011, 17:02:12
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 20.08.2025 - 13:40