如何调整下拉宽度并添加工具提示来显示

Question

我有一个下拉列表，我想将其宽度调整为150 px。我还想添加一个工具提示，如果我选择的文本长度超过150像素，则使用工具提示显示。我能举一个例子吗？选择之后，我希望它取得所选文字的宽度。

<select id="myDropDownList" > 
       <option>Loading...</option> 
      </select> 

Answer 1

如果你正在使用剃刀引擎，那么你可以使用以下

@Html.DropDownList("yourDropDownId", String.Empty, new { @class = "dropDown"}) 

和CSS

.dropDown { width:150px; } 

注：的yourDropDownId应该是选择列表的项目在ViewBag中应该在控制器动作中设置如下

public ActionResult YourAction() 
{ 
    ViewBag.yourDropDownId = new SelectList(db.Table1, "Id", "Name"); 
    return View(); 
} 

UPDATE

与您现有的代码，您可以为选择标记的类属性，像以下

<select id="myDropDownList" title="Please enter 150 characters only" class="dropDown"> 
    <option>Loading...</option> 
</select> 

，并使用相同的代码上面的下拉菜单。