Aşağıdaki örnek koddakiler çalışıyor sıkıntısız. Fakat ben bunları PHP ve jQuery ile post işlemi yaptırmak istiyorum. Nasıl yapabilirim?



<input type="hidden" name="kanalid" value="123">
ile
<input type="hidden" name="userid" value="321">
post işlemi yaptırmak istiyorum.


<!DOCTYPE HTML>
<html>
<head>

<script>
function allowDrop(ev) {
    ev.preventDefault();
}

function drag(ev) {
    ev.dataTransfer.setData("text", ev.target.id);
}

function drop(ev) {
    ev.preventDefault();
    var data = ev.dataTransfer.getData("text");
    ev.target.appendChild(document.getElementById(data));
}
</script>
</head>
<body>

<table class="table table-hover table-bordered" ondrop="drop(event)" ondragover="allowDrop(event)">
                          <tbody><tr class="success">
                          <th></th>
  <th></th>
                          <th style="text-align: center;">
  <div class="channel" id="1992">Lobby</div>
                         <input type="hidden" name="kanalid" value="1992">
  </th>
  <th></th>
  <th></th>
  </tr>
</tbody></table>
</br>

<table class="table table-hover table-bordered" ondrop="drop(event)" ondragover="allowDrop(event)">
                          <tbody><tr class="success">
                          <th></th>
  <th></th>
                          <th style="text-align: center;">
  <div class="channel" id="1992">Lobby2</div>
  </th>
  <th></th>
  <th></th>
  </tr>
</tbody></table>
</br>


<table class="table table-hover table-bordered" draggable="true" ondragstart="drag(event)" id="drag1">
                          <tbody><tr class="success">
                          <th></th>
  <th></th>
                          <th style="text-align: center;">
  <div class="channel" id="1992">User 1</div>
                          <input type="hidden" name="userid" value="123456">
  </th>
  <th></th>
  <th></th>
  </tr>
</tbody></table>

</body>
</html>