새 항목을 추가 한 후 드롭 다운 목록 새로 고침

Question

레일즈 애플리케이션의 루비에서 새 머리글을 추가 한 후 새로 고쳐야하는 머리글 드롭 다운 목록이 있습니다.

아약스 호출 성공에 아래에서 시도했지만 작동하지 않습니다. 형태

<tr style="height:40px;"> 
     <td width="35%"> 
      <%= f.label :header_id,"Header" %> 
     </td> 
     <td> 
      <%= f.select :header_id,Header.all.collect { |mp| [mp.header, mp.header_id]}, {:prompt=>"Please select"},:id=>"proj_qn_header_id" %> 
     </td> 
</tr> 

Answer 1

에서

success: function(data) 
{ 
    alert("Header Added Successfully"); 
    $('#proj_qn_header_id').selectmenu(); 
    $('#proj_qn_header_id').selectmenu("refresh"); 
}, 

선택 태그가 나는 아래의 코드를했는데, 그것은했다.

success: function(response) 
{  
    var newOption = '<option value="' + response + '">' + newHeader + '</option>' 
    $('#proj_qn_header_id').append(newOption).selectmenu('refresh'); 
}