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

Question

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

编辑：还有一件事我需要说，这里使用的是 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

检查这个http://jsfiddle.net/GTyZ3/1/

如果您正在使用 jquery mobile，我认为更简单的方法可能会一直走下去。这是一个有点不成熟的方法，但我希望它会起作用。

Answer 2

我测试了您的代码，但没有发现问题。但是，我确实认为我知道问题出在哪里。试试这个吧……

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/。