更新_问题已解决。请参阅下面发布的评论。
原版的：
我有一个图像编辑UI，它从MYSQL数据库中提取图像数据并显示它以便在Bootstrap 4模式中进行编辑。用户更新数据然后通过ajax将其提交给我的php函数以更新数据库。我有图像标题，标题和图像类别的下拉列表/选择的输入元素。
除图像类别的选择元素之外的所有元素都有效。我似乎无法从模态选择下拉列表中获取新值。
这是“显示当前值”代码，工作正常：
$（“＃imageeditModal”）。on（“shown.bs.modal”，function（）{
var theimageId =（$（“。card.selected img”）。attr（“data-imageId”））;
var thecategory =（$（“。card.selected img”）。attr（“data-categoryid”））;
var theimage =（$（“。card.selected img”）。attr（“src”））;
var thecaption =（$（“。card.selected p＃image-caption”）。html（））;
var thetitle =（$（“。card.selected p＃image-title”）。html（））;
$（ “＃标题”）VAL（屏幕说明）。
$（ “＃标题”）VAL（thetitle）。
$（“。modal-body #imageCategory”）。val（thecategory）;
$（ “＃imageeditAlert”）隐藏（）。
}）;
以下是用户提交图像时拾取新值的代码（为了清晰起见，在ajax调用之前切断）....请注意，“alert”始终显示原始值，而不是新选择的值!!
$（“＃imageeditButton”）。click（function（）{
var newtitle = $（“＃title”）。val（）。trim（）;
var newcaption = $（“＃caption”）。val（）。trim（）;
var newcategory = $（“。modal-body #imageCategory”）。val（）;
var theimage =（$（“。card.selected img”）。attr（“data-imageId”））;
警报（newcategory）;
正如我所说，标题和标题完美无瑕地工作，并获取新的/更新的数据。但是，无论用户在下拉列表中的新选择如何，imageCategory选择值始终保持原始/默认值。
我假设当用户在select下拉列表中选择一个值时，元素“magically”被设置为新值，因此我的Jquery语句可以将其拾取。没有？我在这里错过了什么？我是否必须设置onChange事件或什么来提取新值？我认为bootstrap select元素自动处理所有这些。