获取由PHP打印的按钮值，并通过javascript处理它们

Question

我有动态表格，其中打印来自数据库的结果。

<table id="table" class="table datatable-responsive"> 
    <thead> 
     <tr class="bg-teal"> 
      <th>#</th> 
      <th>Datum & Vrijeme</th> 
      <th>Stavka</th>             
      <th><center>Izabrana količina</center></th> 
      <th><center><i class="icon-pencil"></i></center></th> 
      <th><center><i class="icon-bin"></i></center></th> 
     </tr> 
    </thead> 
    <tbody> 
     <?php 
      $i = 1; 
      while ($r=$q->fetch()) { 
       $a = 0; 
       $a += 1; 

       $id = $r['Id']; 
       $datum = $r['Datum'];           
       $time = date("H:i:s",strtotime($datum)); 
       $time2 = date("d/m/Y",strtotime($datum)); 
       $stavka = $r['Stavka'];           
       $kolicina = $r['Kolicina']; 

     ?> 
     <tr> 
      <td><?php echo $i; $i++; ?></td> 
      <td><?php echo $time2 .' & '.$time; ?></td> 
      <td><?php echo $stavka; ?></td> 
      <td class="nr"><center><?php echo $kolicina; ?></center></td> 
      <td><center><button type="button" value="<?php echo $id?>" name="izmjena" onClick="showDiv()"><i class="icon-pencil text-danger"></i></center></button> 
      </td>             
      <td><center><button type="submit" value="<?php echo $id ;?>" name="brisi" class="icon-bin text-danger"></button></center></td> 
     </tr> 
     <?php } ?> 
    </tbody> 
    <!--<a onClick="window.open('edit/korpa.php?id= <?=$r['Id']?>','E-cart','width=800,height=500,left=0,top=100,screenX=0,screenY=100,menubar=yes,scrollbars=yes')"> --> 
</table> 

在表中我有用于编辑“Kolicina”的按钮。一旦我点击连续按钮，它需要打开div。

在该div中，我需要传递值并通过使用js来打印它们。一旦我这样做，我需要保存在分贝由PHP

一旦我点击下面的按钮div显示（它的作品）。

<div class="col-lg-9" id="IzmjenaDiv" style="display:none;" >         
    <div class="panel panel-flat">  
     <table class="table table-bordered">            
      <tr> 
       <th class="">Količina</th> 
       <td class=""><input type="text" id="id" value="" class="form-control text-info border-info"></td> 
       <td class=""><input type="text" id="kolicina" name="kolicina" placeholder="Upišite novu količinu" class="form-control text-danger border-danger"></td> 
       <td class=""> 
        <select class="form-control" id="mjera" name="mjera"> 
         <option value="KG">KG </option> 
         <option value="KOM">KOM </option> 
        </select> 
       </td> 
      </tr>         
     </table><hr/> 
     <div class="pull-right"> 
      <button type="button" class="btn btn-success btn-sm" onclick="savechanges()"> Snimi <i class="icon-play3 position-right"></i></button>&nbsp;&nbsp;&nbsp;           
     </div> 
     <br/><br/><br/> 
    </div>   
</div> 

我需要让脚本从行中获取两个值，一个从行“Kolicina”中的一个按钮。然后我需要打印div中显示的值。 我做了脚本，但它会自动关闭我想打开的div。

<script> 
    function showDiv() { 

     document.getElementById('IzmjenaDiv').style.display = "block"; 

      var y = $(object).parent("center").parent("td").parent("tr").find(".nr center").text(); 
      var x = $(object).attr("value");   

      window.location.href = "korpa.php?w1=" + x + "&w2=" + y; 


    } 
</script> 

任何意见理解

Answer 1

传递TD标记的参考如在showDiv（）函数的参数。更改HTML：

<td><center><button type="button" value="<?php echo $id?>" name="izmjena" onClick="showDiv(this)"><i class="icon-pencil text-danger"></i></center></button> 
       </td> 

的Javascript：

function showDiv(obj) { 

     document.getElementById('IzmjenaDiv').style.display = "block"; 
     var id = $(obj).parent("center").parenrt("td").parent("tr").find(".nr center").text(); 

    }