bootstrap selectpicker генерирует некоторые элементы, так что транспортир должен нажать кнопку, чтобы показать список опций (которые находятся в скрытом выделении), а затем щелкнуть элемент в списке.У меня возникают проблемы с выяснением, по тексту, какой элемент списка нужно щелкнуть.
Пример HTML-кода выглядит следующим образом:
<div>
<button type="button">
<div class="ripple-container"></div>
</button>
<div class="dropdown-menu open" role="combobox">
<ul class="dropdown-menu inner" role="listbox">
<li data-original-index="1"><a>Male</a></li>
<li data-original-index="2"><a>Female</a></li>
</ul>
</div>
<select>
<option> </option>
<option value="MALE">Male</option>
<option value="FEMALE">Female</option>
</select>
</div>
Я хочу, чтобы транспортир нажимал кнопку мыши.это соответствует опции со значением FEMALE
- из-за локализации я не хочу жестко кодировать строки, а скорее выясняю позицию опции со значением FEMALE
и использую ее для выбора <li data-original-index="2">
Возможно ли это вообще?Есть ли другой, лучший способ сделать это?