在帮助程序方法边栏中添加选择

Question

我正在尝试使用chosen-select作为我的选项。我没有使用任何表单字段或表单构建器。

我正在通过辅助方法执行此操作

 def options_for_part_child(part_child)
 attr_name = attribute_name(part_child.parent, part_child, 'id')
 html = "<div class='col-sm-2 uno_part_wrapper'>"
 html += "<select class='form-control switcher chosen-select'
                name='#{attr_name}'
                data-part-name='#{part_child.name}'
                data-part-id='#{part_child.id}'
                data-part-type='#{part_child.display_type}'
                data-parent-part-id='#{part_child.parent.id unless part_child.root?}'>"
 part_child.options.each do |o|
 html += "<option value='#{o.id}'
                data-option-part-id='#{part_child.id}'
                data-option-name='#{o.name}'
                data-option-id='#{o.id}'
                data-option-disables='#{o.disables.present? ? o.disables.map(&:disable_element_id) : nil}'
                data-option-enables='#{o.enables.present? ? o.enables.map(&:enable_element_id) : nil}'
                #{o.is_default? ? 'selected' : ''}>#{o.name}
          </option>"
 end
 html += "</select>"
 html += "</div>"
 html.html_safe
 end

这就是我进行选择的方式。

有人可以帮我使用它与chosen-select jquery 插件一起工作吗？

Answer 1

您可以在网页上使用脚本标记进行初始化。

<script type="text/javascript">
  $(document).ready(function(){  
    $('select.chosen-select').chosen()
  });
</script>

如果在多个页面上使用它，那么最好在自定义js文件中使用它。