javascript - 如何从插件访问功能

Question

我正在为我的选择输入使用选择的 jquery 插件。我想在点击标签时重置选择选项，所以我想访问 jquery 插件功能。演示

HTML

<select id="second" class="chzn-select" style="width:100px">
<option value="0"> select</option>
<option value="1"> mr</option>
<option value="2"> mrs</option>
</select>
<a href="#">reset</a>​

jQuery

$(".chzn-select").chosen()
$('a').click(function(){
    $.chosen({results_reset})
})

​ 来自插件的功能

Chosen.prototype.results_reset = function () {
    this.form_field.options[0].selected = true;
    this.selected_item.find("span").text(this.default_text);

    if (!this.is_multiple) this.selected_item.addClass("chzn-default");

    this.show_search_field_default();
    this.results_reset_cleanup();
    this.form_field_jq.trigger("change");

    if (this.active_field) return this.results_hide();
};

这是完整插件的链接 http://harvesthq.github.com/chosen/chosen/chosen.jquery.js

Answer 1

编辑

要调用插件函数，您可以执行以下操作：

$('your-select').data('chosen').results_reset();

演示：http: //jsfiddle.net/vCE4Y/12/

---

您无需访问插件代码即可重置选择。您可以按如下方式重置它：

$('your-select').val(0).trigger("liszt:updated");

演示：http: //jsfiddle.net/vCE4Y/11/

Answer 2

你也可以试试这个来重置

$('a').click(function(){

     $('#second').trigger("liszt:updated");

})

Answer 3

在选择的 Jquery

$('select-element').val('').trigger("chosen:updated");

注意：在 1.0 版本之前使用以下内容：

$('select-element').trigger("liszt:updated");