Monkey Patch Chosen jQuery library - Chosen always undefined

Question

I am trying to patch two functions within the Chosen jQuery library, however, no matter what I have tried to reference the original functions, console comes back with Chosen is undefined. Here is my code. function(){ var _no_results = window.jQuery.fn.chosen.prototype.no_results; var _no_results_clear = window.jQuery.fn.chosen.prototype.no_results_clear; window.jQuery.fn.chosen.prototype.no_results = function (terms) { console.log('nr'); var no_results_html; no_results_html = $('' + this.results_none_found + ' ""'); no_results_html.find("span").first().html(terms); if (this.options.no_results_callback) { this.options.no_results_callback(no_results_html, terms); } return this.search_results.append(no_results_html); //return _no_results.apply(terms); } window.jQuery.fn.chosen.prototype.no_results_clear = function (terms) { console.log('nrc'); var no_results_html; no_results_html = $('' + this.results_none_found + ' ""'); no_results_html.find("span").first().html(terms); if (this.options.no_results_clear_callback) { this.options.no_results_clear_callback(no_results_html, terms); } return this.search_results.find(".no-results").remove(); //return _no_results_clear.apply(terms); } } Any ideas? JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)

Answer 1

It appears that older versions (e.g. v0.9.14) of the chosen library used to expose Chosen and AbstractChosen, but neither are exposed in the latest (v1.8.7 as of 2019-03-25). Instead, the current version takes advantage of the .data(key, value) jQuery method to store a reference to the Chosen object under the chosen key. You can try using this in conjunction with an initialized chosen select list and the Object.getPrototypeOf JavaScript method to override Chosen or AbstractChosen functions. For example, suppose somewhere on your page you have: Hi Mom! ... and you've configured that with chosen: $('#futureChosenSelect').chosen(); You should be able to override the functions with something like: Object.getPrototypeOf( $('#futureChosenSelect').data('chosen') ).no_results = function(terms) { ... };