web-dev-qa-db-ja.com

HTML選択ボックスは複数として表示されますが、複数選択を無効にするには？

私は持っている必要がありました：

  • Html <select>ボックスは垂直方向に展開されたボックスとして表示されます（ドロップダウンではありません）。だから私はそれをmultipleとして設定しました。

次に、次のように正しく表示されます。

<select id="gagaga" multiple>
    <option>A</option>
    <option>B</option>
    <option>C</option>
</select>
  • 次に、どうすれば複数選択不可にすることができますか？ （allow only 1 selection）
javascriptjqueryselectoptionmultiple-select
18
夏期劇場

これを使って size="3"

<!DOCTYPE html>
<html>
<body>
<select id="gagaga" size="3">
    <option>A</option>
    <option>B</option>
    <option>C</option>
</select>
</body>
</html>

Size属性の値が1より大きく、リスト内のオプションの総数よりも小さい場合、ブラウザーはスクロールバーを追加して、表示するオプションが他にもあることを示します。

25
ameya rote

複数の属性を使用せず、代わりにサイズを設定してください。

W3schoolsからの引用：

Size属性は、ドロップダウンリストに表示されるオプションの数を指定します。

Size属性の値が1より大きく、リスト内のオプションの総数よりも小さい場合、ブラウザーはスクロールバーを追加して、表示するオプションが他にもあることを示します。

1
adi rohan

sizeを提供する必要があります。

<select id="gagaga" size='3'>
   <option>A</option>
   <option>B</option>
   <option>C</option>
</select>

そこにあるmultipleを削除するだけで、リストからオプションを1つだけ選択できるようになります。

0
Jai

あなたはこれを使うことができます：

<html>
<body>
<select id="gagaga" size="3">
   <option>A</option>
   <option>B</option>
    <option>C</option>
</select>
</body>
</html>
0
Avio