2011-12-15 76 views
0

我有HTML这样的:如何使多个选择输出,与单相同选择

<select name="sortProducts" id="sortProduct" multiple="multiple"> 

<optgroup label="Availability"> 
    <option selected="selected" value="option1">Low to high</option> 
    <option value="option2">High to low</option> 
</optgroup> 

<optgroup label="Price"> 
    <option value="option3">Low to high</option> 
    <option value="option4">High to low</option> 
</optgroup> 

</select> 

当我使用多个=“多”,这说明我的所有元素的组合框,因此如何我可以隐藏它,只显示第一个选择,如单个组合框? 任何人都有这个想法?谢谢。

回答

1

删除“多个”属性。

看起来你需要分开两个类别。

<select name="sortProductsByAvailability" id="sortProductsByAvailability"> 
    <option selected="selected" value="option1">Low to high</option> 
    <option value="option2">High to low</option> 
</select> 

<select name="sortProductsByPrice" id="sortProductsByPrice"> 
    <option selected="selected" value="option3">Low to high</option> 
    <option value="option4">High to low</option> 
</select> 
相关问题