javascript - 如何在jQuery中创建 “reusable”函数？

我有一些很棒的代码:

function displayVals() {
    var phonevals = $("#bphonesel").val();
    $('#bphone').val(phonevals);
}

$("select").change(displayVals);
displayVals();

我希望能够将其重新用于网站上的所有其他选择框。所以，我想我会使用参数来做到这一点。但是，到目前为止，我一直无法正确获取语法。这是我所拥有的，但是不起作用。任何帮助，将不胜感激。

function displayVals(inputfld, boundfld) {
    var nvenval = $(inputfld).val();
    $(boundfld).val(nvenval);
}

$("select").change(displayVals());
displayVals('#bphonesel', '#bphone');

最佳答案

$.fn.displayVals = function(inputfld, boundfld) {
    this.change(function() {
        var nvenval = $(inputfld).val();
        $(boundfld).val(nvenval);
    }
}

$("select").displayVals();

查看jQuery docs on authoring plugins了解更多信息。