如何创建一个“可重用"的jQuery中的功能?

本文介绍了如何创建一个“可重用"的jQuery中的功能?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有一些很好的代码:

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

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

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

I want to be able to reuse it for all the other select boxes I have on my site. So, I thought I'd use parameters to do it. However, I've so far been unable to get the syntax correct. Here's what I've got, but it doesn't work. Any help would be appreciated.

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文档.

这篇关于如何创建一个“可重用"的jQuery中的功能?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！