打开后选择选项消失

Question

点击选择选项后仅在第二个显示并且用户无法选择向导选项后。

我们使用 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 内部我们有选择选项，这也仅在 FF 中发生。

更新：选择选项在 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 元素。