如何删除选择框中的空选项？

Question

我有一个非常简单的选择框，但它一直输出空的选项，我没有这些选项。这是为什么？

<form id ="orderby" action="" method="post">
    <select name="orderby"style="float:right;">
        <option selected="true" style="display:none;">choose view order</option>
        <option value="ASC" >Ascending<option>
        <option value="DESC">Descending<option>
    </select> 
    <input type="submit" value="Arrange" />
</form>

Answer 1

没有空选项。您的问题是因为未正确关闭第二个和第三个option标记。试试这个：

＆＃13;

＆＃13;

<form id ="orderby" action="" method="post">
   <select name="orderby"style="float:right;">
     <option selected="true" style="display:none;">choose view order</option>
     <option value="ASC" >Ascending</option>
     <option value="DESC">Descending</option>
   </select> 
   <input type="submit" value="Arrange" />
</form>

＆＃13;

＆＃13;

＆＃13;

Answer 2

由于您选择的选项设置为display:none，请将其删除或将其他选项设置为选中。

您应该使用selected="selected"而非真实的小细节。