Jquery 当另一个组合框更改时如何同步两个组合框

我在同一页上有两个组合框（用于方便导航），我想在其中一个组合框更改时同步它们

这是第一个选择框的html

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

因此，基本上，两个selectbox将转换为jqueryUI组合框

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

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

它实际上可以工作，在两个组合框中都设置了值，但文本没有设置。 我指的是原来的selectbox，它变成了隐藏的combobox。

---

例如，如果我将第一个组合框更改为“每日”，则两个选择框的值将为1，但第二个组合框将保持为“立即”。明白了吗？我只想在选择第一个组合框时更改第二个组合框的文本。

我想我找到了解决方案，使用了前面的注释者lol。谢谢

有人可能会发现它很有用：

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

---

我不知道jQueryUI，但我相信还有更好的方法。另外，当

此.value

工作正常时，为什么要使用

$（this.val（）

。jQuery只能在保存代码时使用，而不能在导致运行更多代码时使用。

$('select').combobox();

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

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