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

Question

我无法找到我正在寻找的任何地方的完全答案。我有一个生成条形码的插件。你所要做的就是告诉它是什么元素来渲染条形码，并将其吐出。例如：

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

会将一个条形码显示“输出到此处”到div＃条形码目标中。 但是，我需要它用某个文本输入的值生成条形码。我试图做沿着

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