Как установить элемент select в виде списка? Что-то вроде этого:

enter image description here

Извините, я просто новичок. ТИА .

-4
Punky 19 Окт 2017 в 12:13

3 ответа

Лучший ответ

Используйте атрибут size в теге select.

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet" />
<select size="7" class="form-control w-100">
  <option selected>John</option>
  <option>Paul</option>
  <option>Ringo</option>
  <option>George</option>
</select>
0
kiranvj 19 Окт 2017 в 10:12

Вам необходимо включить функцию «несколько» в элементе select:

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet"/>

<select multiple class="form-control">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>
0
Sergey Sklyar 19 Окт 2017 в 09:16

Это пример

Bootstrap v3.7 Для элементов управления <select> с атрибутом multiple по умолчанию отображаются несколько параметров.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >

<select multiple class="form-control">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>

Вы можете узнать https://getbootstrap.com/docs/3.3/css/#forms

Bootstrap (Currently v4.0.0-beta)
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<div class="form-group">
    <label for="exampleFormControlSelect2">Example multiple select</label>
    <select multiple class="form-control" id="exampleFormControlSelect2">
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
    </select>
  </div>

Вы можете узнать его https://getbootstrap.com/docs/4.0/components / / # формы форм- управления

0
core114 19 Окт 2017 в 09:31