combobox - Using JQuery to capture change in a Telerik MVC ComboBoxFor -


I am using the following code to change the text in HTML input:

  $ (Document) .ready (function () {$ (': input', document.myForm) .bind ("change", function () {setConfirmUnload (true);});});   

This works fine for the normal textbox and checkbox.

I am using Telreck's MVC combo box which provides the input tag, but above JQuery does not seem to trigger. / P>

Any idea how to capture it?

HTML renders like this:

  & lt; Div class = "t-widget t-combobox t-command" id = "interview required" & gt; & Lt; Div class = "t-dropdown-rap t-state-default" & gt; & Lt; Input class = "T-input" id = "interview required-input" name = "interview required-input" title = "interview required" type = "text" value = "select" /> & Lt; Span class = "t-select t-header" & gt; & Lt; Span class = "t-icon t-arrow-down" & gt; Select & lt; / Span & gt; & Lt; / Span & gt; & Lt; / Div & gt; & Lt; Input id = "interview required-value" name = "interview required" style = "display: none" type = "article" value = "0" />   

I have also asked on this question, if I do not get the answer.

See the combo box on the demo & lt; Input / & gt; and a popup & lt; Div / & gt;

  & lt; Div class = is being provided as "T Dropdown-Rap T-State-Default" & gt; & Lt; Input type = "text" value = "tea" name = "combo box-input" id = "combo box-input" square = "T-input" auto-integer = "off" & gt; & Lt; Span class = "t-select t-header" & gt; & Lt; Span class = "t-icon t-arrow-down" & gt; Select & lt; / Span & gt; & Lt; / Span & gt; & Lt; / Div & gt;   

By looking at the client-side docs, you should have a client-side event located at the highest possible level.

  & lt;% = Html.Teler () .ComboBox () .name ("combo box"). Client events (Event = & Event; Event.On Change ("On Change"))% & gt; & Lt; Script type = "text / javascript" & gt; Function On Change (E) {Set Configure Download (Correct); } & Lt; / Script & gt;   

It looks like you should only be able to do this with jQuery in this example:

  <% = Html.Telerik () . Combo box () .name ("combo box")% & gt; & Lt; Script type = "text / javascript" & gt; $ (Document) .ready (function () {$ ('# combo box'). Bind ('change', function (e) {// your code});}); & Lt; / Script & gt; Perhaps try:  
  $ (document) .ready (function () {$ ('# myComboBox'). Tie ("Change", Function () {SetConfirmUnload (true);});});    

Comments