HTML 2 选择框总是影响第一个

Question

我一直在尝试在我的网站上创建一个表单，并希望将 2 个选择框并排放置。 我设法通过两种方式实现了这一点，首先是使用 flexbox，现在我尝试使用 table 和 table-cell 来实现它，看看它是否会有所作为。

我在我的电脑上都可以正常工作，但是在我的手机上查看时，我发现无论我使用哪个选择框，它都会编辑第一个框的值（这只发生在我的手机和不在我的电脑上，这是我不明白的）

我的代码：

<label>Km-stand
<div style="display:table">
<div style="display:table-cell">
  <select name="km-van" >
  <option value="">Van</option>
  <option value="1">1</option>
  <option value="5000">5.000</option>
  <option value="10000">10.000</option>
  <option value="20000">20.000</option>
  <option value="40000">40.000</option>
  <option value="60000">60.000</option>
  <option value="80000">80.000</option>
  <option value="100000">100.000</option>
  </select>
</div>
<div style="display:table-cell">
  <select name="km-tm" >
  <option value="">T/m</option>
  <option value="5000">5.000</option>
  <option value="10000">10.000</option>
  <option value="20000">20.000</option>
  <option value="40000">40.000</option>
  <option value="60000">60.000</option>
  <option value="80000">80.000</option>
  <option value="100000">100.000</option>
  </select>
</div>
</div>
</label>

这里也是一个 JSFiddle：https://jsfiddle.net/p0qh6zbf/2/

编辑：一个快速跟进的问题，为此使用弹性框或表格哪个更好？

Answer 1

我发现了这个问题，虽然它只发生在移动 Safari 中，但为我解决的问题是立即关闭标签，而不是在选择之后。 像这样：

<label>Km-stand</label>
<div style="display:table">
<div style="display:table-cell">
  <select name="km-van" >
  <option value="">Van</option>
  <option value="1">1</option>
  <option value="5000">5.000</option>
  <option value="10000">10.000</option>
  <option value="20000">20.000</option>
  <option value="40000">40.000</option>
  <option value="60000">60.000</option>
  <option value="80000">80.000</option>
  <option value="100000">100.000</option>
  </select>
</div>
<div style="display:table-cell">
  <select name="km-tm" >
  <option value="">T/m</option>
  <option value="5000">5.000</option>
  <option value="10000">10.000</option>
  <option value="20000">20.000</option>
  <option value="40000">40.000</option>
  <option value="60000">60.000</option>
  <option value="80000">80.000</option>
  <option value="100000">100.000</option>
  </select>
</div>
</div>