Question

我无法找到我在任何地方寻找的答案。我有一个生成条形码的插件。你要做的只是告诉它呈现条形码的元素，并将其吐出来。例如：

$("#barcode-target").barcode("Output Goes Here", "code39",{barWidth:2, barHeight:30});

将把“输出到这里”的条形码放入div＃barcode-target中。但是，我需要它来生成具有特定文本输入值的条形码。我尝试按照

的方式做一些事情

$(function(){
    $("#barcode").keyup(function () {
      var value = $(this).val();
      $("#barcode-target").text(value);
    }).keyup();
});

当然，只在div中放置普通字符。我被卡住了！

修改我也试过了

$(function(){
    var barcodeVal = $("#barcode").val();
    $("#barcode-target").barcode("barcodeVal", "code39",{barWidth:2, barHeight:30});
});

仍然没有...

Answer 1

您需要按照说法创建条形码：

$(function(){
  $("#barcode").keyup(function () {
    $("#barcode-target").barcode($(this).val(), "code39", {
      barWidth:2, 
      barHeight:30
    });
  }).keyup();
});

Answer 2

关于您的编辑，如果您想要传递barcodeVal变量的值，则不应将该名称放在引号中。

$(function(){
    var barcodeVal = $("#barcode").val();
     // no quotation marks----------v
    $("#barcode-target").barcode( barcodeVal, "code39",{barWidth:2, barHeight:30});
});

否则你发送的是字符串文字。

或者您可以放弃变量，并将.val()来电直接置于barcode()的调用中。

$(function(){
     // Get the .val() while calling barcode
    $("#barcode-target").barcode( $("#barcode").val(), "code39",{barWidth:2, barHeight:30});
});

jQuery将文本输入值传递给插件选项

2 个答案: