jquery - 如何将在jquery mobile中动态创建的选择菜单中的选项居中

Question

我添加了动态选择菜单的选项。但我希望选项在菜单中居中对齐，而不是在左侧。请帮忙。

HTML：

<div data-role="header" data-position="inline" data-theme="b">
<h1>My Page</h1>
<select id="selectMenu">
</select>

JS：

for(i=0;i<6;i++){
    $('#selectMenu').append("<option value="i+">Option "+i+"</option>");
}

Answer 1

这只是 CSS 的问题，看看这个：

http://jsfiddle.net/hYLfG/

select {
  text-align : center;
}

或样式内联：

<div data-role="header" data-position="inline" data-theme="b">
<h1>My Page</h1>
<select id="selectMenu" style="text-align:center;">
</select>