JS ในลูป php ไม่เปลี่ยนค่าอะครับ รบกวนหน่อยครับ+++

<tbody>
<?php
$i = 1;
while($c = mysqli_fetch_array($qry)) {
?>
<input type="hidden" name="userid" id="userid" value="<?php echo  $c['cusID'];?>">
<tr>
<td><?php echo $c['cusID']; ?></td>
<td><?php echo $c['email']; ?></td>
<td><?php echo $c['first_name']; ?></td>
<td><?php echo $c['last_name']; ?></td>
<td><?php echo $c['country']; ?></td>
<td><?php echo $c['price']; ?></td>

<td><svg id="barcode"></svg></td>
<td>
<div class="dropdown">
<button type="button" name="button"
	class="btn btn-default dropdown-toggle drop-edit" data-toggle="dropdown">
<i class="fa fa-cog"></i>
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li>
<a href="#">
Edit 
</a>
</li>
<li><a href="blogdelete.php?id=<? echo $c['No']; ?>" >Delete</a></li>
</ul>
</div><!-- /.dropdown -->
</td>
</tr>
<?php
$i++;
} // end foreach
?>

</tbody>

 <script>
var userid = document.getElementById("userid").value;
JsBarcode("#barcode",userid, {
  width: 2,
  height: 30,

  displayValue: true
});
</script>