Avaleht
uus teema   vasta Tarkvara »  Programmeerimine »  Abi vaja javascriptis märgi kõik teemad loetuks
märgi mitteloetuks
vaata eelmist teemat :: vaata järgmist teemat
Hinnavaatlus :: Foorum :: Uudised :: Ärifoorumid :: HV F1 ennustusvõistlus :: Pangalink :: Telekavad :: HV toote otsing
autor
sõnum Saada viide sõbrale.  :: Teata moderaatorile teata moderaatorile
otsing:  
Stemugram
HV kasutaja

liitunud: 02.12.2001
sõnum 11.08.2012 19:03:24 Abi vaja javascriptis vasta tsitaadiga
Mul on lehekülg kus on palju rippmenüüsid. Nüüd rippmenüüst midagi valides tehakse ajaxi abil andmebaasis muudatus.

Praeguses koodis on mul viga sees, nimelt ainult esimese reaga toimib kood õigesti. Kui valin mõne teise rea rippmenüüst siis tehakse muudatus ikka esimeses reas.
Viga on selles, et kõigi ridade id on ühesugused.

javascript:
  1.  
  2. <html>
  3. <script type="text/javascript" src="js/jquery/jquery.min.js"></script>
  4.  
  5. <script type="text/javascript">
  6. function addNumbers() {
  7.      var id = $('#id').attr('value');
  8.      var produkt = $('#produkt').attr('value');
  9.      $.get("php.php", { id: id, produkt: produkt },
  10.          function(data){
  11.             alert("Data Loaded: " + data);
  12.      });
  13. }
  14. </script>
  15. <head>
  16. </head>
  17. <body>
  18. <table>
  19.    <tr>
  20.    <th>Rea ID</th>
  21.    <th>Valik</th>
  22.    </tr>
  23. <tr>
  24. <td><input id="id" value="656"></td>
  25. <td>
  26. <select id="produkt" onChange="addNumbers(this);">
  27. <option value='Hag03_T010' >Õun</option>
  28. <option value='Hag03_T008' >Pirn</option>
  29. <option value='Hag03_T007' >Kirss</option>
  30. </select></td>
  31. </tr>
  32.  
  33. <tr>
  34. <td>
  35. <input id="id" value="1230"></td>
  36. <td>
  37. <select id="produkt" onChange="addNumbers(this);">
  38. <option value='Hag03_T010' >Õun</option>
  39. <option value='Hag03_T008' >Pirn</option>
  40. <option value='Hag03_T007' >Kirss</option>
  41. </select></td>
  42. </tr>
  43.  
  44. <tr>
  45. <td>
  46. <input id="id" value="1415"></td>
  47. <td>
  48. <select id="produkt" onChange="addNumbers(this);">
  49. <option value='Hag03_T010' >Õun</option>
  50. <option value='Hag03_T008' >Pirn</option>
  51. <option value='Hag03_T007' >Kirss</option>
  52. </select>
  53. </td>
  54. </tr>
  55.  
  56. </table>
  57. </body>
  58. </html>
  59.  


Kuidas see javascript teha nii, et kui need id on igal real erinev siis tehakse ka muudatus andmebaasis?
Kommentaarid: 2 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 2
tagasi üles
vaata kasutaja infot saada privaatsõnum
Renka
HV Guru
Renka

liitunud: 01.04.2002
sõnum 11.08.2012 21:04:12 vasta tsitaadiga
Stemugram, kuidas sa saad määrata mitmele erinevale HTML elemendile sama ID? ID peab olema unikaalne - mitmel eri objektil ei saa mitte kunagi olla täpselt sama ID'd. Fixi see ära ja jõuad arvatavasti ka ise lahenduseni.
_________________
There is no place like 127.0.0.1

viimati muutis Renka 11.08.2012 21:04:20, muudetud 1 kord
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006
sõnum 11.08.2012 21:06:19 vasta tsitaadiga
ID on unikaalne nr ja seda ei saa sa samas koodis mitu korda kasutada. Sellega jõuti juba ette ka.
javascript:
  1.  
  2. <script type="text/javascript">
  3. $(document).ready(function() {
  4.  
  5.                   $(".produkt").change(function() {
  6.                         var produkt = $(this).val();
  7.                         var id = $("#id"+$(this).attr('name')).val();
  8.                         if(produkt && id){
  9.                         // alert(id+' - '+produkt);
  10.                        
  11.                    $.get("php.php", { id: id, produkt: produkt },
  12.                        function(data){
  13.                                  alert("Data Loaded: " + data);
  14.                             });
  15.               
  16.                    }
  17.             });
  18. });
  19.  
  20. </script>
  21.  
  22. <head>
  23.  
  24. </head>
  25.  
  26. <body>
  27.  
  28. <table>
  29.  
  30.    <tr>
  31.  
  32.    <th>Rea ID</th>
  33.  
  34.    <th>Valik</th>
  35.  
  36.    </tr>
  37.  
  38. <tr>
  39.  
  40. <td><input id="id1" value="656"></td>
  41.  
  42. <td>
  43.  
  44. <select class="produkt" name="1">
  45. <option></option>
  46. <option value='Hag03_T010' >Õun</option>
  47.  
  48. <option value='Hag03_T008' >Pirn</option>
  49.  
  50. <option value='Hag03_T007' >Kirss</option>
  51.  
  52. </select></td>
  53.  
  54. </tr>
  55.  
  56.  
  57.  
  58. <tr>
  59.  
  60. <td>
  61.  
  62. <input id="id2" value="1230"></td>
  63.  
  64. <td>
  65.  
  66. <select class="produkt" name="2">
  67. <option></option>
  68. <option value='Hag03_T010' >Õun</option>
  69.  
  70. <option value='Hag03_T008' >Pirn</option>
  71.  
  72. <option value='Hag03_T007' >Kirss</option>
  73.  
  74. </select></td>
  75.  
  76. </tr>
  77.  
  78.  
  79.  
  80. <tr>
  81.  
  82. <td>
  83.  
  84. <input id="id3" value="1415"></td>
  85.  
  86. <td>
  87.  
  88. <select class="produkt" name="3">
  89. <option></option>
  90. <option value='Hag03_T010' >Õun</option>
  91.  
  92. <option value='Hag03_T008' >Pirn</option>
  93.  
  94. <option value='Hag03_T007' >Kirss</option>
  95.  
  96. </select>
  97.  
  98. </td>
  99.  
  100. </tr>
  101.  
  102.  
  103.  
  104. </table>
  105.  
  106. </body>
  107.  
  108. </html>

_________________
Kommentaarid: 7 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  Programmeerimine »  Abi vaja javascriptis
[vaata eelmist teemat] [vaata järgmist teemat]
 lisa lemmikuks
näita foorumit:  
 ignoreeri teemat 
sa ei või postitada uusi teemasid siia foorumisse
sa ei või vastata selle foorumi teemadele
sa ei või muuta oma postitusi selles foorumis
sa ei või kustutada oma postitusi selles foorumis
sa ei või vastata küsitlustele selles foorumis
sa ei saa lisada manuseid selles foorumis
sa võid manuseid alla laadida selles foorumis



Hinnavaatlus ei vastuta foorumis tehtud postituste eest.