这个<select>菜单</select>有什么问题

时间:2012-07-12 17:22:57

标签: html tags

所以我有一个,毫无疑问,简单的问题,但它让我对问题是什么感到困惑。我正在使用jQuery函数将<li>附加到<ul>。这一切都按计划进行,但下拉<select>菜单没有显示任何选项。它只显示第一个<option>,从不给我任何其他选项。我觉得它很简单,但我似乎无法找到问题所在。有什么想法吗?

提前感谢您的帮助。

$('#courses').append('<li class="plan" ><table width="100%" ><tr><td>'+fallNamesArray[i]+' Credit Hours: '+fallNamesArray[i]+' Grade: </td><td align="right"><select id="grd" style="width:20px" data-mini="true" ><option>A</option><option>A-</option><option>B+</option><option>B</option><option>B-</option><option>C+</option><option>C</option><option>C-</option><option>D</option><option>E</option></select></td><td><input type="submit" value="Add Course" data-mini="true" /></td><td align="right"><input type = "button" class="del" value="Delete" data-icon="delete" data-mini="true" data-inline ="true" data-iconpos="right" /></td></tr></table></li>').listview('refresh');

顺便说一下,我为“跑步路线”道歉。

1 个答案:

答案 0 :(得分:1)

从select的样式中删除width:20px或增加它。

<强> jsFiddle example