省市區三級聯動

省市區三級聯動

<div class="address-update-item">
     <label>城市</label>
     <span><input type="text" class="trigger-city" value="<%= "#{@address.province_name} #{@address.city_name} #{@address.district_name}" %>"/></span>
     <div class="form-input-hidden" style="display: none;">
        <%= f.text_field :province_id %>
        <%= f.text_field :city_id %>
        <%= f.text_field :district_id %>
  </div>
 </div>

# JS
    //城市選擇
    new city({
        "el": $(".trigger-city"),
        "complete": function(selectedData) {
            console.log(selectedData);
            $("#address_province_id").val(selectedData.province_id);
            $("#address_city_id").val(selectedData.city_id);
            $("#address_district_id").val(selectedData.district_id);
        }
    });