0

我在同一页面上有两个组合框（用于轻松导航），我想在其中一个组合框发生更改时同步它们。

这是第一个选择框的 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打开两个选择框的javascript

$('select').combobox();

所以基本上这两个选择框将被转换为一个 jqueryUI 组合框

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

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

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

它实际上有效，该值已在两个组合框中设置，但 TEXT 没有。我指的是原来的选择框变成了隐藏的组合框。例如，如果我将第一个组合框更改为“每日”，则两个选择框的值为 1，但第二个组合框将保持为“立即”。明白这点？当第一个组合框被选择一个值时，我只想更改第二个组合框的文本。

4

1 回答 1

0

我想我使用之前评论的人找到了解决方案，哈哈。不管怎么说，还是要谢谢你

有人可能会觉得它很有用：

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