select 打开后选项消失

Question

点击 select 选项后会立即显示，用户无法为向导选择选项。

我们使用 Hogan.js 和 bootstrap 以及其他元素效果很好，但在一个特定的模态上它不起作用，在其他模态上也很好。

<select name="date-range" class="form-control">
  <option value="week-over-week">Week Over Week</option>
  <option value="month-over-month">Month Over Month</option>
  <option value="quarter-over-quarter">Quarter Over Quarter</option>
  <option value="year-over-year">Year Over Year</option>
  <option value="false">-------------</option>
  <option value="custom">Custom Date Range</option>

更新：我们发现在模态容器上调用 div 并且在 div 内部我们有 select 选项时可能是问题，而且这只发生在 FF 中。

更新：Select 选项在 ul 标签内并且看起来像

<ul class="dropdown-menu hasdaterange" role="menu" style="position: absolute; top: 175px; left: 803px;"> <li> <div class="calendar"><select>..</select> </li> </ul>

Answer 1

这是因为您在模态下拉菜单中有下拉菜单。尝试重构你的 html 个元素。

select 打开后选项消失

select options disappear after open

javascript

jquery

twitter-bootstrap

hogan.js