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

【问题标题】：jQuery Passing text input value to plugin optionjQuery将文本输入值传递给插件选项
【发布时间】：2010-11-12 19:25:33
【问题描述】：

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

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

将在 div #barcode-target 中放置一个标有“Output Goes Here”的条形码。但是，我需要它来生成具有特定文本输入值的条形码。我尝试按照以下方式做一些事情

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

还是什么都没有……

【问题讨论】：

标签： jquery forms barcode

【解决方案1】：

您需要按照您所说的方式创建条形码：

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

【讨论】：

【解决方案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});
});

【讨论】：