iOSで、selectボックス内の文字列が長いと
省略されて、後ろに「…」となってしまいます。
省略されて、後ろに「…」となってしまいます。
サンプル１（省略されてしまう見本）
<select>
<option>サンプルテキスト１</option>
<option>サンプルテキスト２</option>
<option>サンプルテキストサンプルテキストサンプルテキスト</option>
</select>
これだと選択するとき見づらいですが、
optgroupを付けることによって省略されず表示するようになります。
フォントサイズは文字の長さによって小さくなってしまいますが・・
optgroupを付けることによって省略されず表示するようになります。
フォントサイズは文字の長さによって小さくなってしまいますが・・
optgroupのlabelは、特にラベリングしたいわけではないので
空にしてしまいます。
以下、修正後のサンプル。
・サンプル２→optionをoptgroupで囲った場合
・サンプル３→optionの最後に<optgroup></optgroup>を入れた場合
サンプル２（修正）
<select>
<optgroup label="">
<option>サンプルテキスト１</option>
<option>サンプルテキスト２</option>
<option>サンプルテキストサンプルテキストサンプルテキスト</option>
</optgroup>
</select>
サンプル３（修正）
<select>
<option>サンプルテキスト１</option>
<option>サンプルテキスト２</option>
<option>サンプルテキストサンプルテキストサンプルテキスト</option>
<optgroup label=""></optgroup>
</select>
