使用jquery [For Jquery mobile]在动态创建的select选项标签中需要帮助

Question

我正在使用jquery动态创建一个选择选项。我已使用所选属性将第一个项目设置为已选中。但我无法看到选择列表中的第一项。如果我选择第二个或第三个项目，则文本显示在选择标记中。

编辑：还有一件事我需要说，这里使用的是jquery移动框架。

任何人都可以帮助我。

这是我的HTML脚本：

<select id="HRselectList"></select>

JS：

for(var x = 0; x <= 5; x++)
{
  $('#HRselectList').append($("<option></option>").attr("value",x).text(x));
  if(x==0)
  {
    $('#HRselectList option').attr("selected","selected");
  }
}

Answer 1

我测试了你的代码，但没有看到问题。但我认为我知道问题的来源。试试这个......

var HRselectList = $('#HRselectList'),
    x = 0;

for (; x < 6; x++) {
    HRselectList.append($("<option></option>").attr("value", x).text(x));
}

HRselectList.find('option').eq(0).attr("selected", "selected");​

...让我知道它是否有效。

这是一个小提琴：http://jsfiddle.net/joplomacedo/ggmHe/。

Answer 2

检查此http://jsfiddle.net/GTyZ3/1/

如果您正在使用jquery mobile，我认为更简单的方法可能会一直存在。这有点不成熟，但我希望它能奏效。