Как сделать выпадающий список для выбора файлов?
Как сделать выпадающий список для выбора файлов,
совместить select
<select> <option value ="" style="display:none">Select File</option> <option value ="One file" style="color: green">One file</option> <option value ="Two file" style="color: green">Two File</option> </select> |
<select> <option value ="" style="display:none">Select File</option> <option value ="One file" style="color: green">One file</option> <option value ="Two file" style="color: green">Two File</option> </select>
и input
<input type="file"/>
Как бы прописать input в каждом option, и выбрать можно только из одной формы выбора?
Обработка файлов должна быть по разному, поэтому выбрать или один тип или второй тип файла.
Дополнительно:
ИМХО только городить всё на js, т.к. в select не может быть input по спецификации
как вариант: селект, который на change вызывает click() нужного input-а
Как бы прописать input в каждом option
Зачем 3 инпута?
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для создания выпадающего списка для выбора файлов в HTML можно использовать элемент input с атрибутом type="file". Однако, этот элемент не поддерживает стилизацию с помощью CSS. Вместо этого вы можете использовать скрытый элемент input и кнопку, которая будет отображаться пользователю.
Пример кода на HTML:
<label for="file">Выберите файл:</label> <button>Выбрать файл</button>
В данном примере мы создаем скрытый элемент input с id="file" и кнопку, которая при нажатии вызывает клик на элемент input. Таким образом, пользователь увидит кнопку "Выбрать файл", при нажатии на которую откроется диалоговое окно выбора файла.
Вы также можете использовать JavaScript для обработки выбранного файла. Например, вы можете добавить обработчик события onchange к элементу input, чтобы выполнить определенные действия после выбора файла:
<label for="file">Выберите файл:</label> <button>Выбрать файл</button> function handleFileSelect(event) { const file = event.target.files[0]; console.log('Выбран файл:', file.name); }<label for="file">Выберите файл:</label> <button>Выбрать файл</button> function handleFileSelect(event) { const file = event.target.files[0]; console.log('Выбран файл:', file.name); }
В данном примере мы добавляем обработчик события onchange к элементу input, который вызывает функцию handleFileSelect при выборе файла. В этой функции мы получаем выбранный файл из события и выводим его название в консоль.
Таким образом, вы можете создать выпадающий список для выбора файлов в HTML с помощью элемента input и скриптов на JavaScript для обработки выбранных файлов.