选择列表选择更改另一个选择列表

Question

我有一个列标题中的主选择列表，我需要更改它下面的列中的选择列表。

这里是主：

<select class='names header-select flag_pass_ID nsp-select' name='g1_head_select_flag_pass_ID' onchange='select_all_batch(1, 1, "flag_pass_ID");' > 
         <option selected='selected' value='' ></option> 
         <option value='3' >Flag</option> 
         <option value='4' >Pass</option> 
</select> 

这里是一个需要被改变：

<td class='data-edit widget data-select nsp-select flag_pass_ID' id='2503_r2_c8'> 
        <select class='names flag_pass_ID data-select nsp-select' name='2503_select_table_nsp_status__flag_pass_ID' onchange='make_input_changed(1);' size=1 > 
         <option selected='selected' value='' ></option> 
         <option value='3' >Flag</option> 
         <option value='4' >Pass</option> 
       </select> 
</td> 

这里是调用的函数。

function select_all_batch(grid_NM, current_page_NM, colclass) { 
     if ((typeof input_changed[grid_NM] != 'undefined') && 
       (input_changed[grid_NM] == true)) { 
     alert("Please Save or Cancel your other changes first."); 
     return false; 
     } else { 
     //make_input_changed(grid_NM); 
     var selection = $('.header-select.' + colclass + ' option:selected').val(); 
     $('.flag_pass_ID option[value=selection]').each(function() { 
      (this).attr("selected", "selected"); 
     }); 
     //$('.flag_pass_ID').each(function() { 
     //  (this).val(selection); 
     //}); 
     //$("." + colclass + " option[value=selection]").each(function() { 
     //  (this).val(selection); 
     //  (this).attr("selected", "selected"); 
     //}); 
     return false; 
     } 
    } 

我已确认var选项正在获取值。

问题是在下面的选择列表中设置选定的选项。

在此先感谢。

Answer 1

function select_all_batch (grid_NM, current_page_NM, colclass) { 
    var selection = $('.header-select.' + colclass + ' option:selected').val(); 
    $('.flag_pass_ID select option[value=' + selection + ']').attr('selected', 'selected'); 
} 

这应该工作，只要第二个选择的值与第一个选择对应，即使它们没有相同的顺序。

http://jsfiddle.net/EBZG9/