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

Question

我在任何地方都找不到我正在寻找的答案。我有一个生成条形码的插件。你所要做的就是告诉它渲染条形码的元素，它就会把它吐出来。例如：

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

will put a barcode that says "Output Goes Here" into the div #barcode-target. However, I need it to generate a barcode with the value of a certain text input. I tried doing something along the lines of

$(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});
});