閉じた選択ボックスに表示されるテキストを、最初のオプション (または「選択された」オプション) のテキストから「切り離す」必要があります。この理由は、閉じた選択をラベルとして使用し、最初の (または選択された) オプションを使用してすべての項目を選択したいからです。
わかりやすくするために (少なくともそう願っています :-)、html の例を示します。
<select id="fruits">
<option selected="selected">Fruits</option>
<option>cherry</option>
<option>apple</option>
</select>
選択した項目のテキストに「果物」が表示されますが、「すべての果物を選択」と表示したいと思います。
私は次のようなものを試しています:
$("#fruits").bind('click', function() {
$("#fruits option:first-child").html("Select all fruits");
});
ただし、デスクトップのブラウザーでは機能するようですが、モバイルのブラウザーでは機能しないようです (少なくとも Android 2.3.4 ブラウザーでは機能しません)。
ヒントはありますか?