Javascript 从下拉框中选择用户信息，并使用进度计数器显示数据库中的选定项目

我需要从员工那里检索信息。所有数据都列在下拉框中。所有员工都需要登录以回答所有问题。它们只有一个用户的仪表板页面。提交时，所有选定项目都保存在数据库中。当他们注销并再次登录时，所有选择框都需要显示他们从数据库中选择的项目，以及其他选项，以防他们想要更改某些信息

例如，有一个部门选项

<select name="department">
  <option>Finance</option>
  <option>Human Resources</option>
  <option>Marketing</option>
</select>

财务
人力资源
营销

如果他们选择了营销部门并更新信息并注销。当他们重新登录时，选择框将在选择框（因为这是他们保存的选项）中显示营销，下拉选项为财务、人力资源和营销

---

我如何才能为这些项目提供一个进度计数器，并将其保存在数据库中以供报告之用？然后我还需要在表单中添加一个进度条。进行选择时，进度条将上升5%，直到达到100%。他们当天选择的所有项目的总百分比必须保存在数据库中我无法将进度元素的值保存到变量中以保存到数据库中我不完全理解您的问题，但我猜您正在使用

上的
.change（）
搜索侦听器

html

<select name="department">
  <option>Finance</option>
  <option>Human Resources</option>
  <option>Marketing</option>
</select>

$('select[name="department"]').change(onChange);

function onChange() {

  console.log('do something');

}