0

同じページに 2 つのコンボボックスがあり (簡単なナビゲーションに使用)、コンボボックスの 1 つが変更されたときにそれらを同期したいと考えています。

ここに最初の選択ボックスの html があります。

<select class="alert_frequency">
  <option value="0">Immediately</option>
  <option value="1">Daily</option>
</select>

そしてもう一方のために

<select class="alert_frequency">
  <option value="0">Immediately</option>
  <option value="1">Daily</option>
</select>

-それらはまったく同じです

これは、jqueryui を使用して 2 つの選択ボックスを有効にする JavaScript です。

$('select').combobox();

したがって、基本的に2つの選択ボックスはjqueryUIコンボボックスに変換されます

私が達成したいのは、最初のコンボボックスが変更されたときに、他のコンボボックスも変更されるべきであり、その逆も同様であることです。

これが私の現在のコードです（別のファイルにあります）：

$('.alert_frequency').combobox('destroy').combobox({
        selected: function( event, ui )
        {
            var val = ui.item.value;
            $('.alert_frequency').val( val ).combobox('refresh');
        }
    });

実際には機能します。値は両方のコンボボックスに設定されていますが、TEXT は設定されていません。非表示のコンボボックスになった元のセレクトボックスを指しています。たとえば、最初のコンボボックスを「毎日」に変更すると、2 つの選択ボックスの値は 1 になりますが、2 番目のコンボボックスは「即時」のままになります。ポイントを取得しますか？最初のコンボボックスが値を選択したときに、2番目のコンボボックスの TEXT を変更したいだけです。

4

1 に答える 1

0

以前にコメントした人を使って解決策を見つけたと思います笑。とにかくありがとう

誰かがそれが役に立つと思うかもしれません:

$('.alert_frequency').change(function(){
  $('.alert_frequency').not(this).val( $(this).val() ).combobox('destroy').combobox();
});
于 2012-11-04T08:23:28.770 に答える