Javascript 如何在文本框Jquery更改下拉列表中动态更改数据

我有一个文本框和下拉列表。文本框包含省名称，下拉列表包含城市名称。我想更改文本框的区域，并动态更改与文本框中文本相关的下拉列表。我正在使用codeigniter框架。我的观点如下，我从数据库中获取数据。我认为文本框的onchange或此类事件有问题（此代码用于另一个下拉列表的更改事件。但它不用于taxt框-因此其他逻辑正常，但我无法确定文本框的事件。文本框的正确事件是什么？我的代码

。。。。。。。。。。。。。。。。。。。。。。。。。
$（文档）.ready（函数（）{
$（'#省级'）。on（'input'，function（）
{ 
变量id_provincia=$（'#provincial'）.val（）；
$.ajax(
{
类型：“POST”，
数据类型：“json”，//我添加了这一行
url:“tenda/get_comuni/”+id_provincia，
成功：功能（comuni）
{
$（'comuni'）.empty（）；
$。每个（comuni，函数（id\u comune，nome\u comune）
{
var opt=$（''）；
选择值（id_comune）；
选择文本（nome_comune）；
$（'comuni'）。附加（可选）；
});            
}
});
});
});  
provincia:用于可使用的文本框或（当元素失去焦点时触发）事件

如果要在按下enter按钮时发送POST请求，可以使用以下代码段进行处理：

if (event.which == 13) {
  event.preventDefault();
  .. // DO POST Request
}

我的文本框如下所示。。。
$('#provincial').keyup(function(event){...});

if (event.which == 13) {
  event.preventDefault();
  .. // DO POST Request
}