Question

经过大量不成功的搜索后，我希望你们能在这里帮助我......

我所知道的：可以通过

为下拉列表选项生成工具提示

<script type="text/javascript">
    $(function () {
       $("#someDropDownForList option").each(function () {            
       $(this).attr({ 'title': $(this).html() });
       });
    });
</script>

但是，在我的情况下，我想向用户提供有关选项的更多信息

<html>    
   <body>
      <div>
      @Html.DropDownListFor(
      m => m.SomeModelProperty,
      new selectList(Model.ListWithObjects, "Property1", "Property1"),
      new { @id="someDropDownForList"})
      </div>
   </body>
</html>

如何使用jquery使用Property2和Property3为每个选项构建工具提示文本？

Property1 + " has: " + Property2 + " and " Property3

亲切的问候，

保

编辑：没有jquery的解决方案

<div>
   <select id="someDropDownForList ">
   @foreach(var item in Model.ListWithObjects)
   {
   <option title="Some property is the @item.Property2: with the @item.Property3">
       @item.Property1
   </option>        
   }        
   </select>
</div>

Answer 1

提供的帮助器Html.DropDownListFor只允许通过<option>参数绑定IEnumerable<SelectListItem> selectList文本和值（正如您所做的那样）。

问题是您无法从客户端javascript访问模型中的其他属性。 Javascript不了解您的C＃对象。

我认为正确的方法是生成以下HTML：

<select>
    <option value="ValueProperty1" title="Property1 has: Property2 and Property3">TextProperty1</option>
    ...
</select>

你甚至不需要任何jquery。

如何实现这一目标？我认为你最好通过扩展SelectListItem并创建一个新的帮助方法来生成DropDownList来实现可靠的解决方案。

以下答案正是如此：Adding html class tag under in Html.DropDownList

如何在dropdownlistfor option工具提示中使用对象属性？

1 个答案: