Выберите параметр максимальные отображаемые значения

Question

есть ли способ установить максимальное количество тегов параметров, и если это число будет превышено, отобразится полоса прокрутки?

Я пытался установить это

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

Но он сразу отобразит 3 варианта и полосу прокрутки. Я больше не могу щелкнуть и открыть раскрывающийся список со всеми этими параметрами.

Я пытался сделать это с помощью JavaScript

<select onFocus="maxSize">
...
...
</select>

function maxSize(e){
  e.target.size = "10"
}

Но результат почти такой же. эту функцию я могу щелкнуть и открыть раскрывающийся список, но после выбора одного из вариантов раскрывающийся список не закрывается.

Answer 1

Вам необходимо указать скобки при использовании атрибутов обработчика одного события например on"whatever"()

Также объект события не будет передан вашему обработчику событий, поэтому вы должны передать this вместо этого который затем будет содержать ссылку на элемент, который вызвал это событие

<select size="3" onfocus="maxSize(this)">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>

<script>
  function maxSize(el) {
    el.size = "10"
  }
</script>