【问题标题】:ASP.NET MVC Two select2 items - only one is styledASP.NET MVC 两个 select2 项 - 只有一个被设置样式
【发布时间】:2022-01-13 10:00:09
【问题描述】:

我有两个选择标签,它们仅在 id 所在的位置不同,而第 2 项具有多选(我不知道为什么,因为它们是相同的对象,第一个也是多选),但只有一个是样式化的,我是我做错了还是我忘记了什么?

这就是我的看法:

项目 1

     @Html.ListBoxFor(m => m.SelectedFunkcjaTechnicznaWBudownictwie, 
    Model.FunkcjaTechnicznaWBudownictwieLst, 
    new { id = "FunkcjaList", @class = "dropdown-1 select2 show-tick form-control-plaintext", 
    @data_live_search = "true" })

         <select class="dropdown-symbox select2 show-tick form-control-plaintext select2-hidden-accessible"
 data-live-search="true" id="FunkcjaList" multiple="" name="SelectedFunkcjaTechnicznaWBudownictwie"
 data-select2-id="FunkcjaList" tabindex="-1" aria-hidden="true">
            <option value="1" data-select2-id="6494">Kierownik budowy</option>
            <option value="2" data-select2-id="6495">projektant</option>
    ...more options...
            </select>

第 2 项

         @Html.ListBoxFor(m => m.SelectedFunkcjaTechnicznaWBudownictwie, 
    Model.FunkcjaTechnicznaWBudownictwieLst, 
    new { id = "FunkcjaList2", @class = "dropdown-1 select2 show-tick form-control-plaintext",
     @data_live_search = "true" })


         <select class="dropdown-symbox select2 show-tick form-control-plaintext" 
data-live-search="true" id="FunkcjaList2" multiple="multiple" 
name="SelectedFunkcjaTechnicznaWBudownictwie">
            <option value="1">Kierownik budowy</option>
            <option value="2">projektant</option>
    ...more options...
            </select>

【问题讨论】:

  • 你的脚本呢?你如何初始化 select2?
  • 我添加了 select2 类,它适用于第 1 项,我还检查了我是否将第 2 项放在第 1 项之前,第 2 项正在工作但第 1 项没有,添加 $('.itemsClass').select2 ();什么也没做(如果我把这个类放到标签类中)
  • 检查控制台是否存在可能的错误。
  • 我在控制台中没有任何错误,奇怪的是它适用于任何第一个元素
  • @Html.DropDownListFor 你试过了吗?

标签: jquery asp.net-mvc jquery-select2 html.listboxfor


【解决方案1】:

我想你没有为两个列表框编写相同的代码 您忘记了多个属性 看截图

【讨论】:

    猜你喜欢
    • 2017-07-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-08-28
    • 2017-12-15
    • 2012-05-26
    • 1970-01-01
    相关资源
    最近更新 更多