我有一个代码，显示条码图像，但它只会显示图像一次

本文关键字：图像 显示 显示图 一次 代码 有一个 条码 | 更新日期: 2023-09-27 17:49:18

我正在努力显示生成并存储在数据库中的条形码。现在我能够从数据库中获得条形码号码，并使用code39.js在HTML中显示图像。我的代码是波浪，它将显示图像一次，我想显示所有的图像，然后下载产品的标签。

<div class="panel panel-info ">
<div class="panel panel-heading">
    Bar Codes
</div>
<table class="table table-striped">
    <tr>
        <th>Product Name</th>
        <th>Quantity</th>
    </tr>
    @foreach (var items in Model.BarCodeItems)
    {
        <tr>
            <td>
                @for (int i = 0; i <= @items.Quantity;i++ )
                {
                <div id="externalbox" style="width:4in">
                    <div id="inputdata">@items.BarCode</div>
                </div>
                <br />
                }   
            </td>
            <td>
                @items.Name
                @items.Quantity
            </td>
        </tr>
    }
</table></div>


<script type="text/javascript">
  function get_object(id) {
   var object = null;
   if (document.layers) {
    object = document.layers[id];
   } else if (document.all) {
    object = document.all[id];
   } else if (document.getElementById) {
    object = document.getElementById(id);
   }
   return object;
  }
get_object("inputdata").innerHTML=DrawCode39Barcode(get_object("inputdata").innerHTML,8);
</script>

我有一个代码，显示条码图像，但它只会显示图像一次

您正在使用id，并且它必须是唯一的。试着使用class，像这样:

<div class="externalbox" style="width:4in">
    <div class="inputdata">@items.BarCode</div>
</div>

在你的脚本中:

 $('.inputdata).each(function() {
    var code = $(this).html();
    $(this).html(DrawCode39Barcode(code,8));
 });

如果你不想使用jQuery:

var x = document.getElementsByClassName("inputdata");
for (var i = 0; i < x.length; i++) {
    var code = x[i].innerHtml;
    x[i].innerHtml = DrawCode39Barcode(code,8);
}
相关文章：