省市区三级联动
<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);
}
});