我正在使用Laravel制作一个Web应用程序，其中一部分是用户指定他们居住的地方。当他们选择国家/地区中的国家/地区时，会使用AJAX将状态输入（＆＃34;下拉菜单＆＃34;）与该国家/地区的状态一起填充。当他们选择一个州时，使用AJAX来填充城市输入（＆＃34;下拉菜单＆＃34;）与该州的城市。世界上有很多州和城市，根据用户的输入，将填写州和城市的mySQL表格。
如何使用Laravel和jQuery进行选择/下拉/自动完成输入，允许1）用户根据先前选择的值从数据库中存储的值列表中选择一个选项，并且2）添加新值如果不存在？
以下是我尝试将国家和州的输入链接在一起：
//get id of country selected, AJAX to database and return an array of it's states
$("#country_id").change(function(){
var country_id = $(this).val();
$.ajax({
url:base_url + "/locations/stateJSON",
data:{country_id:country_id},
success: function(states) {
//console.log(states);
}
});
});
//state's input is text input jQuery autocomplete populated with selected country's states
$("#state_id").autocomplete({
source: states,
minLength: 1
});