當選擇元素更改時，Rails更新表單的內容

Question

我有一個帶有選擇框和三個文本輸入框的表單。 當選擇框中的選項更改時，我想用與所選選項相對應的值更新三個文本輸入框。 這些值是存儲在服務器上的模型對象。

我正在使用Rails 3並試圖使事情保持不干擾，但我找不到一種干凈的方法來做到這一點。 我已經提出了幾個可怕的，混亂的解決方案，但是還沒有干凈的方法。 將這一切聯系在一起的好方法是什么？ 特別是，我在選擇元素從服務器請求模型對象時遇到麻煩。

這是生成表單的視圖：

= form.select :region_id, region_options_for_select(@business_location.region), :prompt => '-- Region --'
= form.text_field :city
= form.text_field :state, :label => 'Province/State'
= form.text_field :country

因此，只要更改“區域”，我希望填充城市/州/國家/地區字段。 請注意，區域也是表單本身的一部分。

Answer 1

在jQuery中，類似這樣的方法可能起作用：

$("select").live("change", function(e) {
  e.preventDefault();
  $.ajax({
    url: "/location/" + $(this).val(), //I think, it could be something else
    dataType: "json",
    contentType: "application/json; charset=utf-8",
    success: function(data) {
      //you're returning a JSON object, so just iterate through it and bind it to
      //the value attributes of each field
    },
    error: function(xhr,exception,status) {
      //catch any errors here
    }
  });
});

在Rails端的LocationsController＃show中：

@location = Location.find(params[:id])
respond_to do |format|
  format.json { render :json => @location.to_json, :status => 200 }
end

大概就是這樣。 將您擁有的控制器/模型名稱替換為我組成的名稱。