HTML 列表框未显示正确的选定选项

Question

我有一个从表中选择颜色列表的查询。选择语句是SELECT ColorDesc, ColorCode FROM Colors ORDER BY ColorCode。

表中的数据示例为:

ColorDesc, ColorCode
Select Color -#0
Black -#000000
Navy -#000080
DarkBlue -#00008B
MediumBlue -#0000CD
Blue -#0000FF
DarkGreen -#006400...

当列表返回时，列表框返回正确的选项，但是显示选项默认为“黑色”，而它应该是“选择颜色”。

生成的 HTML(2012 年 12 月 26 日更新):

<label for="skinColorId">Select Skin Color</label>      
                                    <select id="skinColorId" name="skinColorId" title="Select Skin Color">
                                    <option value="#000000" selected="selected">Select Color</option><option value="#00FFFF">Aqua</option><option value="#7FFFD4">Aquamarine</option><option value="#F0FFFF">Azure</option><option value="#F5F5DC">Beige</option><option value="#FFE4C4">Bisque</option><option value="#000000" selected="selected">Black</option><option value="#FFEBCD">BlanchedAlmond</option><option value="#0000FF">Blue</option><option value="#8A2BE2">BlueViolet</option><option value="#A52A2A">Brown</option><option value="#DEB887">BurlyWood</option><option value="#5F9EA0">CadetBlue</option><option value="#7FFF00">Chartreuse</option><option 

JSP代码(2012年12月26日更新):

<li>
<form:label for="skinColorId" path="skinColorId">Select Skin Color</form:label>     
                                        <form:select path="skinColorId" id="skinColorId" title="Select Skin Color">
                                        <form:options items = "${skinColor.skinColorList}" itemValue="colorCode" itemLabel="colorDesc"/>
                                        </form:select>          
                                        <form:errors path="skinColorId" class="errors"/><label class="colorPreviewer" id="skinColorPreviewer">color previewer</label>
</li>

更新(2012/12/27)

当我将“选择颜色”设置为#000000并将“黑色”设置为#000000时，选择列表将黑色显示为所选值，并且列表中显示黑色。但是，当我将“选择颜色”设置为#FFFFFF并将“黑色”设置为#FFFFFF时，这两个值相同，默认值是“选择颜色”。为什么？

Answer 1

您有两个正在使用的选定属性，因此第二个属性是选定的属性，而不是预期的“选择颜色”。从以下内容中删除 selected="selected" 并重试..:)

<option value="#000000" selected="selected">Black</option>