javascript - 选择面临标题问题的框项目

Question

我有一个带有标题的选择列表来显示工具提示。

场景:我有两个具有不同值的选择列表。一个选择列表包含对象 1，另一个选择列表包含对象 2。根据对象 1 选择列表中所选的值，对象 2 值的选择列表会有所不同。

我已经用Object2为选择列表中的每个值添加了标题。有时，我无法每次都查看Object2的工具提示。

只要 object2 选择列表有滚动条，就会发生这种情况。

在源代码中，我可以看到标题，但在用户界面上我无法查看工具提示。

我无法弄清楚为什么会发生这种情况。代码:

<label for="objsSelect">@Res.Strings.Objects</label>
<select id="objsSelect" class=" form-control" size="10" multiple></select>

function updateList(Type) {
        /// <summary>Updates the grants that the user can give</summary>

        try {
            var myobjs = m_myobjs[Type];

            // find matching object types
            var objDefs = $.grep(m_objDefinitions.getByObjectType(objectType), function (item) {
                /// <param name="item" type="server.objDefinition">Objectdefinition</param>

                var match = (m_isUser ||
                    myobjs.some(function (myObj) {
                        return item.ObjGuid === myObj.objGuid ||
                            item.GrantGuid === m_objDefinitions.getEffectiveobjGuid(myobj.ObjGuid);
                    }));

                return match;
            });

            // sort them by description
            objDefs.sort(function (a, b) {
                return a.Description.localeCompare(b.Description);
            });

            $(objDefs).each(function () {
                $objsSelect.append($("<option>").attr('value', this.ObjGuid).text(this.Description).attr('title', (this.TooltipDescription)));
            });

        }
        catch (error) {
            NMCApp.showNMCExceptionWindow(error);
        }

    }

Answer 1

那是因为你忘记添加这个

data-toggle="tooltip"

到您创建的元素

请检查此solution

您忘记添加标题

所以它应该看起来像这样

<select id="grantsSelect" class="nmc-select form-control" size="10" data-toggle="tooltip" Title="Test" multiple>


  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>


</select>