JQuery autocomplete-combobox on select Event. жерех. чистый MVC 5

Question

У меня есть несколько автозаполнения комбо-бокс на мой взгляд:

 @Html.LabelFor(model => model.foo) 
     @Html.DropDownListFor(model => model.foo, Model.ColaboradoresSelectListItem, "--- Select One Item---", new { @class = "autocomplete-combobox" @id = "foo"}) 
     @Html.ValidationMessageFor(model => model.foo, String.Empty) 

     @Html.LabelFor(model => model.foo2) 
     @Html.DropDownListFor(model => model.foo2, Model.ColaboradoresSelectListItem, "--- Select One Item---", new { @class = "autocomplete-combobox" @id = "foo2" }) 
     @Html.ValidationMessageFor(model => model.foo, String.Empty) 

Мне нужно, чтобы выбрать элемент, и после того, что все мне нужно, чтобы начать событие, я попытался это до сих пор :

$("#foo").autocomplete({ 
     select: function (event, ui) { } 
    }); 

    $("#foo").on("autocompleteselect", function (event, ui) { 
     alert("Tell me, tell me, tell me now!!!"); 
    }); 

    $("#aeroportos").change(function() { 
     //$.getJSON("/Home/States/List/" + $("#Countries > option:selected").attr("value"), function (data) { 
     // var items = "<option>---------------------</option>"; 
     // $.each(data, function (i, state) { 
     //  items += "<option value='" + state.Value + "'>" + state.Text + "</option>"; 
     // }); 
     // $("#States").html(items); 
     //}); 
     alert("Tried that too"); 
    }); 

Любые предложения?

Answer 1

попробуйте это. http://jsfiddle.net/andrewwhitaker/hAM9H/

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

},

затем

$(".cmbBox").change(function() { 
alert(this.value);});