Question

我使用选择的jquery插件作为我的选择输入。我想在点击标签时重置选择选项，这样做我想访问jquery插件功能。 DEMO

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");

如何从插件访问功能

3 个答案: