如何将数据自动完成HTML属性添加到TextBoxFor HTML帮助器？

Question

用于获取城市自动填充文本框的自动填充文本框.

我的代码看起来像这样,

<input id="location" type="text" name="q" 
data-autocomplete="@Url.Action("locationSearch", "Home", 
                       new { text = "location" })"/>

现在我想将其转换为剃刀syntex.我尝试了这个,但没有工作.

@Html.TextBoxFor(model => model.Location, 
   new { data-autocomplete = Url.Action("locationSearch", "Home")})

我怎么解决这个？

Answer 1

data-autocomplete是一个HTML属性.首先,在MVC中指定属性时不能使用破折号,因此需要使用data_autocomplete替换数据自动完成.MVC"足够聪明",最终结果将读取数据自动完成.

要在文本输入中添加HTML属性,您需要使用以下HTML帮助程序:

@Html.TextBoxFor(model => model.Location, new { data_autocomplete = Url.Action("locationSearch", "Home") })

请按照您的录取率进行工作.

Answer 2

你可以用这个

在你看来

<select id="location" name="location"></select>

           <input type="submit" value="Send">

这实际上是下拉列表，而不是文本框，他们通过 css 编辑布局