javascript - 添加新条目后刷新下拉列表

Question

在我的 ruby​​ on rails 应用程序中，我有标题下拉列表，它应该在添加新标题后刷新。

我尝试了以下成功的ajax调用，但它不起作用。

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

在表单中选择标签

 <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(response)
{    
    var newOption = '<option value="' + response + '">' + newHeader + '</option>'
    $('#proj_qn_header_id').append(newOption).selectmenu('refresh');
}