文本搜索框下拉多选框效果

阅读更多

实现文本框搜索多选框选择功能：
文本框搜索，多选框响应检索结果，选中触发事件后触发模版切换操作。
涉及到焦点触发显示多选框，ajax中文乱码处理等。






前端代码：

        <%=render :partial=>"model_text"%>                      

#'_model_text.html.erb'

 模版复制：
                  
                  
                  

                  <%=select_tag 'copy_model[report][]', @yourarrarys.collect{|c| [c.name,c.id]}), :multiple => true, :size => 10,:onchange=>"check_model()",:style=>"width:259px;position: absolute; visibility: visible; z-index: 1000;"%>
                  
                  
                  
                  
                  

JS代码：

后台代码：

def check_model_text
    #模版模糊查询
    @model_text_search=CGI::unescape(params[:text_input])
    @ult_report_models=FreedReport::UltReportModel.find(:all,:conditions=>"name like '%#{@model_text_search}%' ",:order=>"name desc,area_gran,time_gran")
    render :partial => 'model_text'
  end

• 
• 大小: 10.3 KB

• 
• 大小: 71.3 KB

• 
• 大小: 33.8 KB

• 查看图片附件