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

Question

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

var $select = $('select');
$select.each(function(index, value) {
  var newValue = $(this).find('option:selected').text();
  $(this).prev().text(newValue);
});

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

该代码工作正常，并负责在页面加载和 change() 上预设自定义下拉元素。但是，我想学习如何以更好的方式做到这一点 - 例如，我可以以某种方式使用 on() 保持同步吗？

Answer 1

我从 codereview 得到这个

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

https://codereview.stackexchange.com/questions/20976/maintain-sync-of-select-list