选择字段中的选项仅在切换选项卡后出现答案

【问题标题】：Options in select field only appearing after switching tab选择字段中的选项仅在切换选项卡后出现
【发布时间】：2018-10-11 09:06:31
【问题描述】：

我的代码中有 <select> 的问题。正如您在图片中看到的那样，当我在结帐时到达这一点时，选项以一种奇怪的方式隐藏起来。

当我只是切换标签并返回时一切都很好。

代码是：

var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'payone_iframe_min.js?' + window.location.search.substring(1);

document.body.appendChild(script);

<select id="cardexpiremonth" style="width: 113px;">
  <option value="0"></option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
  <option value="7">7</option>
  <option value="8">8</option>
  <option value="9">9</option>
</select>

我只是不知道为什么会发生这种情况或如何解决这个问题。大家有什么想法吗？

【问题讨论】：

我看不出你现在给出的示例代码——仅仅是一个选择字段，没有别的——可能有助于重现这一点。可能还需要更多的周围代码来重现这种特定情况。
更新了其余的代码..我相信它来自 iframe

标签： html css magento

【解决方案1】：

这应该没有什么问题。我在 Chrome 和 Firefox 中进行了测试。也许是因为<option value="0"></option>，因为它是空的。但这应该可行。

<select id="cardexpiremonth" style="width: 100px;">
 
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
</select>

【讨论】：

我还发现这只发生在 chrome oO 中