jQuery Mobile header 에 select box 추가하기

jQuery Mobile에서 header bar에 select box를 넣고 싶을때, 다음과 같이 하면 됩니다.

 

<div data-role="header" data-position="inline" data-theme="b">
  <h1>My Page</h1>
  <div data-role="fieldcontain" 
     style="position: absolute; top: 0; right: 0; margin: 0; padding: 0">
    <select>
      <option>Option 1</option>
      <option>option 2</option>
    </select>
  </div>
</div>
...

 

참고: https://stackoverflow.com/questions/6569179/jquery-mobile-select-box-in-header