Asp.net mvc 3 如何使用引导下拉列表和警报而不是@Html.DropDownList&；针对我的asp.net MVC的警报

我有以下视图，其中包含一个@Html.DropDownList：-

<fieldset> 
        <legend>Answer here</legend> 
        <div class="editor-label"> 
            @Html.LabelFor(model => model.Description) 
        </div> 
        <div class="editor-field" data-toggle="dropdown"> 
            @Html.EditorFor(model => model.Description) 
            @Html.ValidationMessageFor(model => model.Description) 
        </div> 
        <div class="editor-label"> 
            @Html.LabelFor(model => model.IsRight) 
        </div> 
        <div class="editor-field"> 
             @Html.DropDownList("IsRight", String.Empty) 
            @Html.ValidationMessageFor(model => model.IsRight) 
        </div>  
    </fieldset> 

回答这里
@LabelFor（model=>model.Description）
@EditorFor（model=>model.Description）
@Html.ValidationMessageFor（model=>model.Description）
@LabelFor（model=>model.IsRight）
@Html.DropDownList（“IsRight”，String.Empty）
@Html.ValidationMessageFor（model=>model.IsRight）

下面的Java脚本显示一条简单的警报消息：-

<script type="text/javascript">
    function removePartial2() {z
        alert('Deletion was successful'); 
        $(this).remove();
}
</script>

函数removePartial2（）{z
警报（“删除成功”）；
$（this.remove（）；
}

我已经从bootstrap网站下载了相关的脚本文件（bootstrap-dropdown.js和bootstrap alert.js），但我不知道如何修改上述代码，以便能够在我的asp.net MVC中同时使用bootstrap下拉和bootstrap alert消息。

---

BR

您还必须引用引导CSS文件，并且您将无法使用Html。DropDownList，您必须按照引导示例格式化Html，如下所示：

<ul class="nav pills">
     <li class="dropdown" id="menu1">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#menu1">
          Dropdown
          <b class="caret"></b>
        </a>
        <ul class="dropdown-menu">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
          <li class="divider"></li>
          <li><a href="#">Separated link</a></li>
        </ul>
    </li>
</ul>

与警报类似：

<div class="alert">
  <a class="close" data-dismiss="alert">×</a>
  <strong>Warning!</strong> Best check yo self, you're not looking too good.
</div>

×
警告最好检查一下你自己，你看起来不太好。

正如您在中所看到的，它们的工作方式与.net dropdownlist不同，因为它不保留选定的值，但您可以在javascript中进行一些变通。

---

我不推荐它…

开箱即用的实现不适用于boostrap。但是，您可以使用razor中的“助手”以任何您喜欢的方式构建dd。scottgu的这篇文章应该能帮助你：