Jquery 使用自定义下拉占位符同步选择列表

我有一个自定义下拉列表和一个基本的选择列表。它的工作原理类似于亚马逊的搜索范围选择器。目前，我将自定义下拉列表与选择列表“同步”，如下所示：
（prev（）是自定义元素）

---

该代码工作正常，并负责在页面加载和更改（）时预设自定义下拉元素。但是，我想学习如何以更好的方式实现这一点——例如，我是否可以以某种方式使用on（）来维护同步

这是我从codereview得到的

$('select').change(function() {
  var optionText = $(this).find('option:selected').text();
  $(this).prev().text(optionText);
}).trigger('change');

---

涉及重构工作代码的问题应发布到

$('select').change(function() {
  var optionText = $(this).find('option:selected').text();
  $(this).prev().text(optionText);
}).trigger('change');