我有一个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> *</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
一切都很顺利,但在追加第二个组合的值之后,这些值不会在页面源中消失,因此我无法在控制器中捕获第二个组合的选定值以进行进一步处理。
答案 0 :(得分:1)
尝试这样做:
var options = {};
jQuery.each(ds, function(index, item) {
options[ds[index]] = ds[item];
});
jQuery("#sub_id").empty();
jQuery("#sub_id").addOption(options, false);