对于某些选项，从 html 下拉列表中选择的菜单变为空白答案

【问题标题】：Selected menu from html dropdown turns blank for some options对于某些选项，从 html 下拉列表中选择的菜单变为空白
【发布时间】：2018-12-14 10:05:16
【问题描述】：

我正在构建一个简单的 html 页面，其中有一个下拉菜单。我收到一个不寻常的错误。我的下拉菜单中有大约 9-10 个选项。从 7-8 个选项中选择任何选项时，它会在文本字段中更新。但是，当光标从下拉列表中松开焦点后，当我从重命名 3 个选项中选择任何选项时，该字段将变为空白。下面是我的下拉代码：

<td width="500px"><select name="car_name" id="car_nam"
    class="css-input">
        <option value="White Dzire">Dzire</option>
        <option value="White Swift Dzire">Swift Dzire</option>
        <option value="White Amaze">Amaze</option>
        <option value="White WagonR">WagonR</option>
        <option value="White Ritz">Ritz</option>
        <option value="White i10">i10</option>
        <option value="Grey Beat">Beat</option>
        <option value="White Indica">Indica</option>
        <option value="Bajaj-RE">Auto-Bajaj-RE</option>
        <option value="White Xylo">Xylo</option>
        <option value="White Ertiga">Ertiga</option>
        <option value="White Innova">Innova</option>
        <option value="White Accord">Accord</option>
        <option value="White Etios">Etios</option>
        <option value="White Nissan Micra">Micra</option>
        <option value="White Verito">Verito</option>
        <option value="White Altis">Altis</option>
        <option value="White Skoda Rapid">Rapid</option>

</select></td>

当我选择 WagonR、i10 或 Auto-bajaj-re 以外的任何选项时，它会按预期工作。但是当我从上面列出的汽车中选择任何选项时，下拉列表变为空白。

【问题讨论】：

你能更新codepen或jsfiddle吗
我检查它是否正常工作......

标签： html drop-down-menu html-select

【解决方案1】：

<html>
<body>

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

</body>
</html>

【讨论】：