使用Jquery制作依赖于组合框的列表选项

Question

我正在开发一个使用twitter bootstrap的ASP MVC应用程序。其中一个视图有两个组合框，其中一个组合框实际上是一个自动完成的组合框。

<div class="form-group">
    @Html.LabelFor(m => m.ObjectType, new { @class = "col-md-2 control-label" })
    <div class="col-md-10">
        @Html.DropDownListFor(m => m.ObjectType, new SelectList(Model.ObjectTypes.Select(x => new { Value = x, Text = x }), "Value", "Text"))
    </div>
</div>

<div class="form-group">
    <label class="col-md-2 control-label">Object</label>
    <div class="col-md-10">
        <input type="text" list="ObjectFieldOptions" id="ObjectField">
        <datalist id="ObjectFieldOptions">
            @if (true)
            {
                foreach (var item in Model.ObjectList)
                {
                    <option value="@item.Item2" type="@item.Item1"></option>
                }
            }
        </datalist>
    </div>
</div>

现在我想让autocompletebox中的选项取决于第一个组合框中的选择：

<script type="text/javascript">
    $(function () {

        $("#ObjectType").change(function () {
            var val1 = $("#ObjectType").val();
            $("#ObjectFieldOptions option").hide();
            $("#ObjectFieldOptions option[type=val1)]").show();


        });
    });
</script>   

这是我一直在尝试的选项之一，没有成功。是否有一种简单的方法可以完成这项工作？