使用javascript＆amp;创建搜索栏getJson，搜索数据库和自动填充表单

Question

我目前有一个下拉框，

 @Html.DropDownList("selectSize", Model.Sizes, "--select--")

因为我的数据库有100个大小，我怎么能把它改成搜索栏，而不是有一个超长的下拉框？

选择下拉列表时，以下javascript会自动填充我的用户表单。

<script type="text/javascript">
        $(function () {
            $("[name='selectSize']").change(function () {

                $.getJSON('@Url.Action("GetSize")', { sizeID: $("[name='selectSize']").val() }, function (Size) {
                    // Fill the fields according to the Jsondata we requested

                    $("#KID").val(Size["KammID"]);
                    $("#KOD").val(Size["KammOD"]);
                    $("#SID").val(Size["SpacerID"]);
                    $("#SOD").val(Size["SpacerOD"]);
                    $("#WOD").val(Size["WashersOD"]);

                });
            });

        });


    </script>

此脚本使用控制器功能联系数据库并在更改时更新用户表单，控制器功能为：

    public JsonResult GetSize(int sizeID)
    {
        var Size = db.AllSizes.Find(sizeID);
        return Json(Size, JsonRequestBehavior.AllowGet);
    }