Вопрос о плагине jQuery - заполните параметры выбора данными JSON

Question

Я пытаюсь заполнить выборки данными JSON из веб-службы. Я получаю сообщение об ошибке «Объект не поддерживает это свойство или метод». когда я делаю это $(this).html(options.join('')); Есть идеи, что я делаю не так?

;(function($) {

    $.fillSelect = {};

    $.fn.fillSelect = function(url, map) {
        var jsonpUrl = url + "?callback=?";        
        $.getJSON(jsonpUrl, function(d) {
           var options = [];
           var txt = map[0];
           var val = map[1];
           options.push('<option>--Select--</option>');
           $.each(d, function(index, item) {
                options.push('<option value="' + item[val] + '">' + item[txt] + '</option>');
           });
           $(this).html(options.join(''));
           //getting error  Object doesn't support this property or method
        };
    };
})(jQuery);

Answer 1

Проблема в переменной this. В контексте, который вы используете, this, вероятно, ссылается на сам объект jQuery (то есть не на набор результатов). Попробуйте это:

$.fn.fillSelect = function (url, map) {
    var $t = this;     // (this) is the jQuery result set

    $.getJSON( ... blah blah,

        $t.html(options.join(''));
    )
}