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);
});

代码工作正常，负责在页面加载和更改（）上预设自定义下拉列表元素。但是，我想学习如何以更好的方式做到这一点 - 例如我可以使用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

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

1 个答案: