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>