Lynnv: Variable in Javascript übergeben bei dynamischen Inputfeldern

Beitrag lesen

Hallo Ihr Lieben,

bin Neuling in Javascript und benötige Hilfe.

Ich habe ein Formular, welches Daten aus einer Datenbank liest und dann Zeilenweise in Inputfelder ausgibt.

Nun möchte ich, dass per Javascript mit onkeyup die Werte einer Zeile addiert werden.

Im Internet habe ich einen Code gefunden, mit dem es bei einfachen Inputfeldern funktioniert, aber da ist ja jedes Feld auch nur einmal vorhanden.

  <form id="Bestellungen" name="Bestellungen"  method="post" action="http://testseite.designbock.de/bestellungen/" > ........


...............................

                               <div style="width:100px;float:left">           
                                   1x<br> Fingerlinge
                                   <input style="max-width:70px; max-height:12px" min="0" type='number' onkeyup="calculate()" name='B8[<?php echo $index?>]' value='<?php echo $B8?>'/>            
                               </div>
                               <div style="width:100px;float:left">
                                   1x<br> Sch&uuml;rze      
                                    <input style="max-width:70px; max-height:12px" min="0" type='number' onkeyup="calculate()" name='B9[<?php echo $index?>]' value='<?php echo $B9?>'/>             
                               </div>
                               <div style="width:150px;float:left">
                                   Notizen        
                                    <textarea style="min-height:0px" cols="50" rows="2" name='Notizen[<?php echo $index?>]'><?php echo $Notizen?></textarea>            
                               </div>
                               <div style="width:100px;float:left">
                                   Summe        
                                    <span id="output111">Startwert</span>             
                               </div>
                      </div>
                  </div>
              </div>
          </div>
      </div>                                       
                  <?php
                     $index++;  
          }  
    }
              if ($_SESSION['pruef'] == 0 )
              {
                 echo '                                      
                <input type="submit" name="Absenden" value="Absenden">';                   
              }
              if ($_SESSION['pruef'] == 1 )
              {
                  echo '                                         
                  <input type="submit" name="Speichern" value="Speichern">';
              } 
              echo ' </form>  '; 
?>
 
*************************************************************************************************************
Dies ist der Code aus dem Internet

 <script type="text/javascript"><!--
 
 function calculate() {
 	input1 = parseFloat( document.formu.input1.value.replace(/,/ , ".") );
 	input2 = parseFloat( document.formu.input2.value.replace(/,/ , ".") );
 	
 	document.getElementById("output").innerHTML= (input1 + input2).toString().replace(/\./ , ",");

 	input11 = parseFloat( document.Bestellungen.B8[1].value.replace(/,/ , ".") );     ************* Diesen Code habe ich hizugefügt
 	input22 = parseFloat( document.Bestellungen.B9[1].value.replace(/,/ , ".") );     ************* Diesen Code habe ich hizugefügt
                                       
 	document.getElementById("output1").innerHTML= (input11 + input22).toString().replace(/\./ , ",");     ************* Diesen Code habe ich hizugefügt   
 }


 //--></script>
 

 	<form name="formu" action=""><div>
 		<input type="text" name="input1" size="15" value="Eingabe 1" onkeyup="calculate()"/><br />
 		<input type="text" name="input2" size="15" value="Eingabe 2" onkeyup="calculate()"/><br />
     	<!--<input type="text" name="output" size="15" value="Ausgabe" /><br /> -->
 		</div></form>
 	 	<span id="output">Startwert</span>

Wie spreche ich die Felder richtig an ?

LG

Lynn