Самоуважаемый браузер уже сделает это автоматически, если под раскрывающимся списком нет комнаты для просмотра.
Если вы хотите, чтобы всегда выпадала, даже если вчтобы открыть его, затем единственное решение - превратить его в <ul><li>
и добавить код CSS / JS, чтобы он выглядел как выпадающий выпадающий .Я гуглил, используя ключевое слово "dropup" и нашел такие примеры:
Обновление согласно комментариям: о, парень, почему ты не упомянул с самого начала, что ты использовал PrimeFaces <p:selectOneMenu>
?Поскольку вы ничего не упомянули о сторонних библиотеках компонентов, я предположил, что это стандарт JSF <h:selectOneMenu>
.PrimeFaces генерирует <ul><li>
для достижения сексуального вида!
Я не собираюсь копаться во всей связке с PrimeFaces CSS, чтобы дать вам детальный ответ, но для начала вам нужно установить следующий стиль в своем собственном CSS:
.ui-selectonemenu-panel {
position: absolute !important;
bottom: 0 !important;
}
Это заставит меню идти вверх, а не вниз.Есть некоторые стилистические ошибки (скрывает текущий выбор), но это зависит от вас (просто настройте значения от bottom
до 30px
или что-то в этом роде).В противном случае вы также можете просто использовать <h:selectOneMenu>
и делегировать работу браузеру.