选择组合框的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.'); 
     }); 
    }); 

此外，我在我的页面中包含以下脚本。可能是我需要为ComboBox 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中的combobox方法select元素时调用事件。此外，更改事件不会触发，但如果以上述方式连接，选定的事件总是触发。

 $(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 
       }); 
       } 

Answer 2

$("#Supplier_Sel").change(function() { 
    alert('Handler for .change() called.'); 
}); 

删除"dssd"

Answer 3

//Assuming Supplier_Sel is the selectbox id,this will be all you need 

     $("#Supplier_Sel").change(function() { 
      alert('Handler for .change() called.'); 
     }); 
    //or if its dynamically generated then 

$('body').delegate('#Supplier_Sel','change',function() { 
      alert('Handler for .change() called.'); 
     }); 

Answer 4

尝试：

$('#Supplier_Sel').live('change',function(){ 
    alert('Handler for .change() called.'); 

}); 

Answer 5

我不知道是什么.combobox()方法做，但我怀疑它需要一个实际的组合框，并做了一些HTML欺骗它。所以它可能不再是一个下拉菜单，并且不会有onChange方法可用。

如果你提供了一个链接到哪个库有.combobox()方法，有人可以检查，但我很确定它会有一些跨度和文本输入元素（如jQuery UI版本）。这些没有改变方法。

Answer 6

这是从jquery组合框中触发事件的另一种方法。

别人贴：

How to trigger change in jqueryui combobox after underlying select is manually changed?

Answer 7

下面的代码为我工作。测试。

如果简单选择组合框，则用下面的代码更改事件触发器;

$("#mySelectCombo").on('change', function() { 
       alert("test");    
      }); 

如果基于jquery的选择组合，然后用下面的代码更改事件触发器;

$("#mySelectCombo").combobox({      
       select: function (event, ui) { 
        alert("hello"); 
       } 
      }); 

Answer 8

这为我工作：

$("#combobox_old").combobox({ 
     selected: function (event, ui) { 
      alert('Handler for .selected() called.'); 
     } 
    }); 

MURUGESAN Bakthavachal，还写了解决方案（对我来说），但我认为其他的代码不工作，因为$.widget("ui.combobox" , {...});代码有变化的事件已经一个定义所以下面的代码不起作用：

$("#mySelectCombo").on('change', function() { 
     alert("test");    
    });