基本的に、ドロップダウン矢印に関連付けられたテキストボックスではなく、ドロップダウン矢印のみを表示できるようにしたいと考えています。値を表示したくありませんが、誰かが選択を変更すると、javascript onchange イベントが発生します。
アイデア?
ポール
基本的に、ドロップダウン矢印に関連付けられたテキストボックスではなく、ドロップダウン矢印のみを表示できるようにしたいと考えています。値を表示したくありませんが、誰かが選択を変更すると、javascript onchange イベントが発生します。
アイデア?
ポール
(一般的には Webkit かもしれませんが、それをテストすることはできません)
古いIE7/8で試してみましたが、ドロップダウンも設定幅に切り捨てられるため機能しません。Firefox は矢印を表示せず、代わりに左揃えになるためテキストを切り取ります。
CSS を介してコントロールの幅を設定し、それを矢印に制限するのは非常に簡単です。Chrome 用に作成した簡単な例 (他のブラウザーでは実際には機能しません):
<select style="width:18px">
<option value="10000">Something</option>
<option value="100">Other thing</option>
<option value="1">The last option</option>
</select>
フィドルの例: http://jsfiddle.net/Fs7G5/
<select><option></select>
あまり意味がありませんが、尋ねられた質問に答えます。