Отображение 2 раскрывающихся списков при только одном элементе управления кодированием - PullRequest
Новая
       38

Отображение 2 раскрывающихся списков при только одном элементе управления кодированием

0 голосов
/ 10 июля 2020

Привет, ребята, у меня проблема с раскрывающимся списком. Я добавляю раскрывающийся список asp в модальное всплывающее окно, и я использую bootstrap theam, но при всплывающем модальном раскрывающемся списке отображается 2 раза. это изображение покажет вам, как.

enter image description here

This is the HTML CODE and

<div class="col-sm-2">
    <div class="form-group form-group-sm">
        <div class="form-line">
            <asp:DropDownList ID="cboGender" runat="server">
                <asp:ListItem>M</asp:ListItem>
                <asp:ListItem>F</asp:ListItem>
                <asp:ListItem>Other</asp:ListItem>
            </asp:DropDownList>
        </div>
    </div>
</div>

И код из браузера 

<div class="form-group form-group-sm">
  <div class="form-line">
    <div class="btn-group bootstrap-select">
      <button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown"
        data-id="MainContent_cboGender" title="Other">
        <span class="filter-option pull-left">Other</span>&nbsp;
        <span class="bs-caret">
          <span class="caret"></span>
        </span>
      </button>
      <div class="dropdown-menu open">
        <ul class="dropdown-menu inner" role="menu">
          <li data-original-index="0">
            <a tabindex="0" class="" style="" data-tokens="null">
              <span class="text">M</span>
              <span class="glyphicon glyphicon-ok check-mark"></span>
            </a></li>
          <li data-original-index="1" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><span
                class="text">F</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
          <li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null"><span
                class="text">Other</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
        </ul>
      </div><select name="ctl00$MainContent$cboGender" id="MainContent_cboGender" class="" tabindex="-98">
        <option value="M">M</option>
        <option selected="selected" value="F">F</option>
        <option value="Other">Other</option>

      </select>
    </div>
  </div>
</div>

Пожалуйста, помогите мне решить эту проблему

Ответы [ 2 ]

2 голосов
/ 10 июля 2020

Первый выполняется с использованием Bootstrap, но другой, вероятно, выполняется с помощью 

<select name="ctl00$MainContent$cboGender" id="MainContent_cboGender" class="" tabindex="-98">
    <option value="M">M</option>
    <option selected="selected" value="F">F</option>
    <option value="Other">Other</option>
0 голосов
/ 22 июля 2020

Это произошло из-за импорта bootstrap -select. js. После удаления js импорт лишняя группа кнопок была удалена.

...