輸入是一個選擇/下拉/自動完成，但也允許用戶輸入值laravel

我正在用Laravel製作一個Web應用程序，其中的一部分是用戶指定他們居住的地方。當他們在國家選擇一個國家時，使用AJAX來填充國家輸入（「下拉菜單」）和該國的國家。當他們選擇一個國家時，它使用AJAX填充城市輸入（「下拉菜單」）與該州的城市。世界上有許多州和城市，各州和城市的mySQL表格將根據用戶的輸入進行填充。輸入是一個選擇/下拉/自動完成，但也允許用戶輸入值laravel

如何使用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 
});

來源

2016-03-06 Andrew Koper