2009-05-22 11 views
5

複数選択表示スタイル(ドロップダウンではなくボックス)で表示する要素を持ちたいが、一度に。それは可能ですか?複数選択表示スタイルでSELECT要素を複数選択することなく

+0

はそうあなたがこれをしたい余分な選択を解除しますJSを書いて、ドロップダウンリストを使うことができませんでしたか? – TStamper

+0

さて、私はドロップダウンを使いたくないです。 –

答えて

13

これは、一度に1つの選択された項目を可能にするリストボックススタイルの選択要素が表示されます:

<select size="3"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 

size atttributeコントロールに表示されている行数を制御します。あなたが複数の項目を選択することができるようにしたい場合は、select要素に複数の属性を追加します。

<select size="3" multiple="multiple"> 
+0

これが動作するかどうかは、ブラウザによってまったく異なります。 HTML標準ではこの動作が指定されていません。 'size'が指定されていても、ブラウザはSELECTをリストボックスとしてレンダリングする場合にのみ適用されます(これは決して必要ありません)。 –

+3

質問は「HTML標準にはこれが含まれていますか」ではなく、「この動作を得ることが可能か」という質問がありました。これを決定する実装(BTWを指摘してくれてありがとう)が正しいというのは間違いありませんが、IEとFF(テストのために現在利用可能なブラウザ)の両方でこの動作が実装されています。それで、それは可能ですか?はい。すべてのコンシューマブルなユーザエージェントでその動作が保証されていますか? No. –

0

どのように順序付けられたリスト<ol>またはリストアイテム<li>のためのリンクを持つ順不同リスト<ul>について?

4

SELECT要素がどのようにレンダリングされるかは実装によって異なります。ほとんどのブラウザのmultiple = "1"で、オプションのボックス(おそらくはスクロールする)が得られ、multiple = "0"はドロップダウンボックスを得るという事実は偶然です。

「1つのオプションのみを選択できるリストボックスが必要です」という標準はありません。

も参照してください:

http://www.w3.org/TR/html401/interact/forms.html#h-17.6

+0

+1重要なことを覚えておいてください。 –