4

基本的に、ドロップダウン矢印に関連付けられたテキストボックスではなく、ドロップダウン矢印のみを表示できるようにしたいと考えています。値を表示したくありませんが、誰かが選択を変更すると、javascript onchange イベントが発生します。

アイデア?

ポール

4

3 に答える 3

6

Chrome のみのソリューション

(一般的には 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/

于 2012-08-23T18:14:36.883 に答える
-1
 <select><option></select>

あまり意味がありませんが、尋ねられた質問に答えます。

于 2012-08-23T19:27:00.890 に答える