0

基になる選択リストを持つカスタム ドロップダウンがあります。これは、Amazon の検索範囲セレクターのように機能します。現在、次のようにカスタムドロップダウンを選択リストと「同期」しています：
（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() を使用して何らかの方法で同期を維持できますか?

4

1 に答える 1

0

これはコードレビューから入手しました

$('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

于 2013-01-28T22:44:50.237 に答える