選擇事件上的Jquery自動完成組合框。 ASP。淨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);});