代码之家  ›  专栏  ›  技术社区  ›  Dnyati

ASP中的可编辑下拉框。NetMVC

  •  0
  • Dnyati  · 技术社区  · 2 年前

    我有ASP。NET Core 6项目。我需要在其中一个视图中有一个可编辑的下拉框。我尝试了datalist&javascript自动完成功能,但两者都不起作用。

    我的代码是:

    <input type="text" name="medCompany" id="medCompany" list="ddlmedCompany" class="form-control form-control-lg" />
    <datalist id="ddlmedCompany" class="form-control form-control-lg" >
    @foreach (var item in Model.lstmedCompany)
    {
        <option>@item.Text</option>
    }
    </datalist>
    

    但这看起来如下:

    enter image description here

    dropdwon框为:

    enter image description here

    我需要的只是下拉框,而不是显示在下拉框下面的测试框。我怎样才能做到这一点?

    1 回复  |  直到 2 年前
        1
  •  0
  •   Qing Guo    2 年前

    尝试删除 class="form-control form-control-lg" 从…起 datalist

      <input type="text" name="medCompany" id="medCompany" list="ddlmedCompany"  class="form-control form-control-lg" />
     <datalist id="ddlmedCompany"  >
            @foreach (var item in Model.lstmedCompany)
             {
               <option>@item.Text</option>
              }
       </datalist>