我正在嘗試在我的下拉串列中添加一個搜索框,我嘗試了多種方法,但似乎對我不起作用。有人可以幫助我嗎?
太感謝了
這是我的html代碼:
<div class="col-md-3">
@Html.LabelFor(model => model.BankID,"Bank Name", new { @class = "control-label" })
@Html.DropDownListFor(model => model.BankID,
new SelectList(Enumerable.Empty<SelectListItem>(), "Value", "Text"), "Select BankName",
new { id = "BankName", @class = "form-control input-sm text-uppercase" })
@Html.ValidationMessageFor(model => model.BankID)
</div>
uj5u.com熱心網友回復:
開箱即用,您沒有獲得此功能,但您可以下載 select2.js 您可以從 Nugets Packages 獲得它
https://select2.org/getting-started/basic-usage
對于 MVC,你只需要添加一個類
@Html.DropDownListFor(model => model.BankID,
new SelectList(Enumerable.Empty<SelectListItem>(), "Value", "Text"), "Select BankName",
new { id = "BankName", @class = "form-control input-sm text-uppercase select2" })
在腳本下添加這個
@section Scripts{
<script>
$(document).ready(function() {
$('.select2').select2();
});
</script>
}
這意味著所有帶有 select2 類的下拉串列都是可搜索的。請記住參考 select2 的 css 和腳本。
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/508218.html
標籤:html asp.net-mvc
