0

我有一个 collection_select 标记作为第一个组合框,对于第二个组合,我使用了基本的 html 语法,在选择第一个组合的值时,填充第二个组合框的值。此功能正常工作,但在查看页面源时,它没有显示选项标签下的填充值。

我的浏览页面是..

 <% form_tag (:action =>:verify)do%>
                            <%= label_tag(:user,"Select Student") %><br/>
                            <%= collection_select("std", "id",@result,"sid", "sid",:prompt=>"--Select Student--")%><h9>&nbsp;*</h9><br/>
 <select id = 'sub_id'>
  <option value="1">--Select Server--</option>
 </select>
 <%= submit_tag 'Submit',:id => 'btn'%>

在第一个组合即时更改事件时调用以下 jquery。

jQuery(document).ready(function(){
   jQuery("#std_id").change(function() {
      jQuery.get('/controllers/find_val/?sid=' + jQuery("#edetail_id").val(), function(data) {

         var ds = data.split(' ');
         ds.pop();
         var options;
         jQuery.each(ds, function(index, item) {

               options += "<option value='" + ds[index] + "'>" + ds[index] + "</option>";

        });
        jQuery("#sub_id").empty();
         jQuery("#sub_id").append(options).combobox();

         });
      });
   });

我的控制器是...

def find_val
   @res = Student.find(:all, :conditions => ["sid = ?",params[:sid]])
end

一切都很好,但是在附加第二个组合的值之后,这些值不会显示在页面源中,因此我无法在控制器中捕获第二个组合的选定值以进行进一步处理。

4

1 回答 1

1

尝试这样做:

var options = {};

jQuery.each(ds, function(index, item) {
    options[ds[index]] = ds[item];
});

jQuery("#sub_id").empty();
jQuery("#sub_id").addOption(options, false);
于 2012-12-21T07:05:04.207 回答