剃刀中组合框和输入类型的组合

Question

我正在创建一个需要DropDownList和文本input控件组合的表单。我目前正在使用Razor作为我们网页的模板。

这是我的剃刀DropDownList摘录：

<div class="col-md-8">
   <%= Html.DropDownListFor(m => m.PredictorRegionDesc, Model.PredictorRegionDescs, "Please select a Region", new { @class = "form-control" })%>                      
</div>

这导致DropDownList出现：

现在，我需要将其转换为DropDownList和文本input的组合。

每当用户在DropDownList中看不到他/她想要的数据时，用户就可以在测试input中输入新数据。

我已经看到DataList作为我想要的一个例子，但似乎无法使用剃刀完成。我也看了一些js插件，但它没有做我想要的。提前谢谢。