jquery - 如何使用 jQuery 重置选择的多重选择字段?

标签 jquery jquery-chosen

我有一个带有多个选择字段的表单,是使用 Formtastic 和 Chosen 创建的。

此表单有一个多重选择字段,以下是它的 Rails 代码:

 = semantic_form_for 'post', :url => action_name_post_path(@post), :html => {:method => :put}, :remote => true do |f|
    = f.input :blogs, :label => _("Blog"), :as => :select, :multiple => :true, :input_html => {:class => "chzn-select"}, :collection => Blog.all

我想使用 jQuery 重置输入字段(表单是远程提交和重置的),但我似乎不知道如何删除所选元素//清除输入字段。问题是选择更改了输入字段,因此它不是一个简单的文本区域。

有人能指出我正确的方向吗?

最佳答案

似乎这两个答案的组合对我有用:

$('.chosen-select option').prop('selected', false).trigger('chosen:updated');

这将取消选择所有选项,并重置所选的下拉列表。

http://jsfiddle.net/donkeysauras/j9yuL/ <-- 工作示例

关于jquery - 如何使用 jQuery 重置选择的多重选择字段?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12543888/

相关文章:

php javascript 部分页面重新加载

javascript - 动态添加 ListView 时 jQuery Mobile 页脚未修复

jQuery Chosen div 落后于 Twitter Bootstrap Accordion

jquery - 使用Chosen时如何定位选择元素?

javascript - 将其他div推到右边

javascript - .addClass 不适用于 radio

javascript - 悬停 fadeToggle 与多个 div

javascript - 辅助功能 (JAWS) - 带有 jQ​​uery 选择库的下拉列表

javascript - 从 jquery 表单中获取选定的项目

javascript - 检测可滚动下拉列表的末尾