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

Question

我的代码中的<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>

我只是不知道为什么会发生这种情况或如何解决这个问题。你们有什么主意吗？

Answer 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>