javascript – 如何在jquery中创建“可重用”函数?

前端之家收集整理的这篇文章主要介绍了javascript – 如何在jquery中创建“可重用”函数?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一些很好的代码

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获取更多信息.

猜你在找的jQuery相关文章