当另一个变化时，如何同步两个组合

Question

我在同一页面上有两个combobox（用于轻松导航），我想在更改ComboBox之一时同步它们。

这是第一个Selectbox的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

转动两个selectbox的JavaScript

$('select').combobox();

因此，基本上两个选择框将转换为jqueryui combobox

我想实现的目标是，当第一个组合更改时，另一个组合也应该更改，反之亦然。

这是我当前的代码（在单独的文件中）：

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

它实际上是有效的，该值已在两个Combobox中设置为，但文本不是。我指的是原始的Selectbox，该框是隐藏的。例如，如果我将第一个Combobox更改为"每日"，则两个Selectbox的值将为1，但第二组合将保持为"立即"。明白这点？我只想在选择第一个组合时更改第二个Combobox的文本。

Answer 1

我想我使用了先前评论的一个解决方案。反正谢谢

有人可能会发现它有用：

$('.alert_frequency').change(function(){
  $('.alert_frequency').not(this).val( $(this).val() ).combobox('destroy').combobox();
});