jquery - 选择组合框的 OnChange 事件永远不会在 jQuery 中触发

Question

我有以下代码，我尝试在 jQuery 中为选择组合框创建 on Change 事件处理程序，但我从未看到警报消息。这里出了什么问题？

  $(document).ready(function () {
        var combo = $("#Supplier_Sel").combobox();
        $($('.ui-combobox-input')[3]).css('width', '300px');
        $("#toggle").click(function () {
            $("#Supplier_Sel").toggle();
        });
        //this change event never gets fired. WHY??
        $("#Supplier_Sel").change("dssd",function () {
            alert('Handler for .change() called.');
        });
    });

此外，我在我的页面中包含了以下脚本。我可能需要为组合框 onchange 事件添加一些其他脚本？

    <script type="text/javascript" src="../jquery/jquery-1.7.2.js"></script>
    <script type="text/javascript" src="../jquery/ui/jquery-ui-1.8.21.custom.js"></script>
    <script type="text/javascript" src="../jquery/jquery.scrollIntoView.min.js"></script>

Answer 1

这会让每个人都感到惊讶。但对我来说，这似乎就像火箭科学。哈哈。要触发 jQuery 组合框的更改事件，您应该始终使用如下代码。这篇文章中提到的所有各种方法都无法做到这一点。 当我们为选择元素调用 jQuery 中的组合框方法时，我们需要连接事件。此外，更改事件永远不会触发，但如果以上述方式连接，则它出现的选定事件总是会触发。

        $(document).ready(function () {
        $("#Supplier_Sel").combobox({
            selected: function (event, ui) {
                alert('Handler for .change() called.');
            }
        });
        $($('.ui-combobox-input')[3]).css('width', '300px');
        $("#toggle").click(function () {
            $("#Supplier_Sel").toggle();
        });
    });

如果您查看组合框小部件 jQuery 代码，上述方法是有意义的。如下所示。

select: function( event, ui ) {
                 ui.item.option.selected = true;
                 //select.val( ui.item.option.value );
                 self._trigger( "selected", event, {
                    item: ui.item.option
                 });
              }