リストの見出し部分にフォーム部品を表示したい場合、そのままli要素内にselect要素を記述すると表示することができます。
この時、select要素にdata-inline="true"属性を指定します。select要素の横幅はwidthでピクセル指定すると固定幅にすることができました。
<div class="content" data-role="content">
<ul data-role="listview">
<li data-role="list-divider">見出し1
<select data-inline="true">
<option>test</option><option>testtest</option>
</select></li>
<li>サンプルリスト1</li>
<li>サンプルリスト2</li>
</ul>
</div>
リストに入力部品をインラインで表示する
DEMOです。
さらに、普通のセレクトボックスではなくアイコンなどでセレクトボックスを表示することもできます。
select要素にdata-iconpos="notext"を指定するだけです。
<div class="content" data-role="content">
<ul data-role="listview">
<li data-role="list-divider">見出し1
<select data-inline="true" data-iconpos="notext">
<option>test</option><option>testtest</option>
</select></li>
<li>サンプルリスト1</li>
<li>サンプルリスト2</li>
</ul>
</div>
リストに入力部品をインラインで、しかもアイコンで表示する
DEMOです。