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

时间:2012-12-27 02:08:47

标签: html mysql

我有一个查询从表中选择颜色列表。 select语句为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时,两个值相同,默认值为“选择颜色”。为什么?

1 个答案:

答案 0 :(得分:1)

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

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