Выпадающий список и картинки…. | PHPClub
JavaScript отключён. Чтобы полноценно использовать наш сайт, включите JavaScript в своём браузере.
- Автор темы Slam
- Дата начала
Slam
Новичок
- #1
…Здравствуйте, ув. программеры!
Подскажите, пожалуйста, как можно осуществить следующее:
Есть выпадающий список м именами графических файлов.
Нужно, чтобы при выборе одного из елемента списка, сбоку отображался этот рисунок. То есть чтобы пользователю было удобно выбирать, а не на угад…
Заранее благодарен!
С ув. Slam
ZN
Новичок
-
- #2
onchange=смена src у <img> ?
Slam
Новичок
- #3
Это я понимаю.
ZN
Новичок
- #4
<img src=»img.jpg» name=»pic»>
<option value=1>1</option>
<option value=2>2</option>
……
</select>
Slam
Новичок
- #5
Спасибо! Буду пробовать!
Войдите или зарегистрируйтесь для ответа.
Facebook Twitter WhatsApp Ссылка
выпадающий список с 2-мя столбцами? | PHPClub
JavaScript отключён. Чтобы полноценно использовать наш сайт, включите JavaScript в своём браузере.
-
- Дата начала
[XV]KoNDoR
Guest
- #1
Итак.
.. Есть PHP4+Oracle
В Оракле таблица с кодом предприятия и его названием…
Можно ли сделать на PHP вывод выпадающего списка (поле со списком), где в первом столбце будет код предприятия, а во втором название предприятия?
Если можно накидайте ссылки по этой теме… Спасибо!
P.S. на форуме недавно, поиском ещё не научился пользоваться… Если что — извините
SiMM
Новичок
- #2
Сделать можно, только твой вопрос — по HTML. Нарисуй вначале требуемое при помощи HTML’я, затем уже перепишешь на PHP при помощи одного из операторов цикла [m]while[/m] или [m]for[/m].
AHTIXPICT
Новичок
- #3
<select name=»predpr»>
<option value=»kod»>name</option>
<option value=»kod»>name</option>
………
</select>
Vital_N
Новичок
- #4
что значит выпадающий список с двумя столбцами — это уже два выпадающих списка если конечно подразумевается <select>
antiportal
Guest
- #5
Это можно сделать (с визуальной стороны) двумя multiselect’ами, не используя при этом сам множественный выбор.выпадающий список с двумя столбцами
Нажмите для раскрытия.
..
[XV]KoNDoR
Guest
- #6
2 SiMM:
2 AHTIXPICT:
неееееее, мне надо что бы и код и название пользователи видели… в value будет писаться совсем другое…
2 Vital_N:
если ты когда нибудь работал с Access, там можно было делать один выпадающий список с двумя, а то и больше столбцами, вот я и хотел узнать можно ли так сделать в Web-интерфейсе, а так как рисую всё это на PHP — обратился сюда.
..
Vital_N
Новичок
- #7
[XV]KoNDoR я говорю про <select>
не встречал <select> с двумя столбцами
Фанат
oncle terrible
- #8
Vital_N если ты невнимательно прочел, товарищ уже разобрался.
За что ему почёт и уважение.
Vital_N
Новичок
- #9
Фанат оставим…
[XV]KoNDoR
Guest
- #10
2 Vital_N:
ну может не с двумя столбцами, а хотя бы разделителями между данными, типа
выпадающий список:
0001 — Предприятие1
0002 — Предприятие2
.
… — ……….
nnnn — ПредприятиеN
конец выпадающего списка
Фанат
oncle terrible
- #11
[XV]KoNDoR ете еще что-то неясно?
переместить тему в раздел по хтмл?
[XV]KoNDoR
Guest
- #12
Спасиб! Разобраться я разобрался, но может у других будут другие идеи? Хочется выслушать все и принять наиболее оптимальное решение.
..P.S. сорри за ОФФтоп
Vital_N
Новичок
- #13
ну так и выводи <option value=’твое значение’>код — название</option>
[XV]KoNDoR
Guest
- #14
ок! это я уже сделал.
.. просто думал у тебя другое предложение… Всем спасибо! Тема закрыта!
Фанат
oncle terrible
- #15
А ты, для закрепления, все-таки прочитай PHP FAQ: Самые основы. Как работает PHP.
Войдите или зарегистрируйтесь для ответа.
Поделиться:Facebook Twitter WhatsApp Ссылка
Демонстрация основных функций виджета jQuery DropDownList
Загрузка демо.
..index.html
Образец услуги
Также доступен для:
СПРАВКА по APIКатегории: Продукты: Корабль:
Компонент DropDownList является частью пользовательского интерфейса Kendo для jQuery, библиотеки пользовательского интерфейса профессионального уровня с более чем 110 компонентами для создания современных и многофункциональных приложений. Чтобы попробовать его, подпишитесь на бесплатную 30-дневную пробную версию.
Скачать бесплатную пробную версию
Описание
jQuery DropDownList позволяет отображать один выбор из списка вариантов и обеспечивает виртуализацию и настройку с помощью шаблонов.
В этой демонстрации вы можете увидеть DropDownList с включенными шаблонами и каскадными функциями.
Элемент управления Kendo UI для jQuery DropDownList является частью Kendo UI для jQuery, всеобъемлющей библиотеки пользовательского интерфейса профессионального уровня для создания современных многофункциональных приложений. Коллекция Kendo UI для jQuery содержит более 110 компонентов пользовательского интерфейса, множество гаджетов для визуализации данных, источник данных на стороне клиента и встроенную библиотеку MVVM (Model-View-ViewModel).
Этот пример DropDownList является частью уникальной коллекции из сотен демонстраций jQuery, с помощью которых вы можете увидеть все компоненты пользовательского интерфейса Kendo для jQuery и их функции в действии. Просматривайте исходный код демонстраций из библиотеки или напрямую адаптируйте и редактируйте их и их внешний вид в пользовательском интерфейсе Kendo для jQuery Dojo или ThemeBuilder.
Функциональность и особенности
- Привязка данных — позволяет привязать источник данных DropDownList либо к локальным массивам данных, либо к удаленным данным.
- Группировка. Функция группировки DropDownList позволяет отображать элементы данных, классифицированные по определенному полю модели.
- Фильтрация сервера. Вы можете управлять функциями фильтрации DropDownList и фильтровать данные на сервере.
- Виртуализация. Функция виртуализации повышает производительность при загрузке больших данных в DropDownList. Он использует фиксированное количество элементов списка во всплывающем списке независимо от размера набора данных.
- Шаблоны. Шаблоны DropDownList позволяют настраивать отображение элементов, выбранных значений и заголовков всплывающих окон .
- Каскадирование. Функция каскадирования предоставляет возможность настраивать ряды DropDownList, в которых элементы, загружаемые в каждый компонент DropDownList, зависят от выбора в предыдущем DropDownlist.
- Доступность — DropDownList доступен для программ чтения с экрана, поддерживает атрибуты WAI-ARIA и предоставляет сочетания клавиш для более быстрой навигации.
Ресурсы поддержки и обучения
- Обзор документации по jQuery DropDownList
- API-интерфейс jQuery DropDownList
- Форумы jQuery DropDownList
- Пользовательский интерфейс Kendo для домашней страницы продукта jQuery DropDownList
- Пользовательский интерфейс кендо для базы знаний jQuery
Дополнительные ресурсы
- Пользовательский интерфейс Kendo для jQuery Обзор продукта
- Пользовательский интерфейс кендо для блога jQuery
- Пользовательский интерфейс кендо для видео jQuery
- Пользовательский интерфейс кендо для дорожной карты jQuery
- Пользовательский интерфейс Kendo для jQuery Цены
- Интерфейс кендо для обучения jQuery
Как создать стилизованный выпадающий список выбора в HTML и jQuery | Холли Борневиль | Стартап
Как создать стилизованный раскрывающийся список выбора в HTML и jQuery | Холли Борневиль | Стартап | MediumPhoto by Christin Hume on Unsplash 25, 2019 Проведя небольшое исследование стилей раскрывающихся списков выбора, я пришел к чтобы понять, что лучше не стилизовать раскрывающиеся списки выбора.
Основная причина того, что выпадающие списки выбора не стилизованы, заключается в том, что они отображаются по-разному в разных браузерах/операционных системах, поэтому их сложно стилизовать одинаково во всех случаях использования.
Что я могу предложить вместо этого?
Автор Холли Борневилль
299 подписчиков
·Писатель дляПривет, Холли! Я из Новой Зеландии. Я нахожусь на своей первой работе в качестве веб-разработчика переднего плана и хочу поделиться своими знаниями и мыслями на этом пути!
Еще от holly bourneville и The Startup
holly bourneville
Создание границ с помощью псевдоэлементов в CSS
Вам когда-нибудь приходилось создавать границу или линию в CSS, которая не соответствует всей ширине или высоте вашего блока? Один простой способ заняться созданием…
·3 мин чтения·31 марта 2019 г.Zulie Rane
in
Если вы хотите стать творцом, удалите все (кроме двух) платформы социальных сетей
90 004В октябре 2022 года, во время всего фиаско с Илоном Маском, я наконец-то удалил Твиттер со своего телефона.
Примерно в то же время я также вышел из… ·8 мин чтения·19 апреляНитин Шарма
в
До свидания, ChatGPT: вот (новые) инструменты ИИ, которые поразят вас
Держу пари, что 99% читателей не знакомы с любым этих инструментов.
·Чтение через 6 мин.·5 апреляholly bourneville
in
Быстрые советы и лайфхаки для удаления белых линий в сообщениях электронной почты Outlook.
Если вы когда-нибудь пробовали создать электронную почту с помощью HTML, вы знаете, как раздражает, когда она работает идеально во всех браузерах и…
·4 минуты чтения·19 июня 2020 г.Просмотреть все от holly bourneville
Рекомендовано на Medium
The PyCoach
в
Вы используете ChatGPT Неправильно! Вот как опередить 99% пользователей ChatGPT
Овладейте ChatGPT, изучив технику быстрого доступа.
·7 минут чтения·17 мартаСомнатх Сингх
в
Кодирование перестанет существовать через 5 лет.
Вот почемуТе, кто не приспособятся, перестанут существовать.
·8 мин чтения·20 январяСписки
Истории, которые помогут вам расти как разработчику программного обеспечения
19 историй·59 сохранений
Лидерство
30 историй·23 сохранения
Хорошее мышление о продукте
11 рассказов ·60 сохранений
историй, которые помогут вам повысить свой уровень на работе
19 историй·46 сохранений
Aleid ter Weel
in
10 Чем заняться вечером вместо просмотра Netflix
Привычки без устройств для повышения производительности и счастья.
·5 min read·15 февраля 2022 г.Alexander Nguyen
in
Почему я продолжаю отказывать кандидатам во время собеседований в Google…
Они не встречаются с баром.
·4 минуты чтения·13 апреляReed Barger
in
7 проектов React для начинающих в 2023 г.
