Html select не работает selected

select не хочет работать

Выдает белый экран!

Если ставлю код только с одним то все норм)

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Не хочет работать hover
Здравствуйте. Нужна ваша помощь. Кучу времени убил, так и не могу понять, почему не работает данная.

Левый блок

Не хочет работать фоновый рисунок
Если вносить в код html через то работает :о) Если переносить в styles.css то не работает.

Margin-top не хочет работать
Колонки сайта размещены при помощи float:left. Потом идёт footer, которому присвоены стили: .

Web_Master, в конечном итоге все заменяется и на вывод поступает вот такой код

Font-kerning не хочет работать
Собственно на одном из этапов обучения не одолел данный селектор. Не могу понять, почему он не.

не хочет работать радиус-бордер таблицы. почему?
Не получается у таблицы округлить угла. они получаются двойными: округленность есть, но в тоже.

В блоках не хочет работать высота заданная в процентах. Если задать в пикселях, то работает. В чем ошибка?
В блоках не хочет работать высота заданная в процентах. Если задать в пикселях, то работает. В чем.

Выборка(SELECT) в SQL не хочет работать
Здравствуйте, пожалуйста помогите разобраться почему не работает выборка? Создала php, сохранила.

Источник

html — select option not selected by user — validation

This is the script i am using for select a city. But the user proceeded without any selection from the list.

After user Submits the form, errors comes like «Notice: Undefined index: CITY in /home/. /public_html/address.php on line 44 Column ‘CITY’ cannot be null»

How to validate it before Submit the form?

6 Answers 6

php

HTML

You need to give the option a value

Place select to the form, add required , name and value attribute:

I added a javascript validation or your code. therefore it cannot be null. this code will block the submit, before you select.
Here is the html form,

Here is the JS part

You can make the select tag required and pass value for each option. That will do the rest on your client side validation

and if you also wants server side validation you must include a name attribute in the select tag.

and form the name you can get the value of the select option and do further what you want

Your code should be something like this. This way the your select will have a value when sent. And adding the «required» will make sure that the user will have to select before submitting.

Not the answer you’re looking for? Browse other questions tagged php html drop-down-menu or ask your own question.

Related

Hot Network Questions

Subscribe to RSS

To subscribe to this RSS feed, copy and paste this URL into your RSS reader.

site design / logo © 2021 Stack Exchange Inc; user contributions licensed under cc by-sa. rev 2021.10.18.40487

By clicking “Accept all cookies”, you agree Stack Exchange can store cookies on your device and disclose information in accordance with our Cookie Policy.

Источник

Html select не работает selected

Установите selected=»selected» для параметра, который вы хотите по умолчанию.

Ответ 2

Если вы хотите, чтобы текст по умолчанию был своего рода заполнитель/подсказкой, но не считался допустимым значением (что-то вроде «complete here», «select your nation» ecc.) вы можете сделать что-то вроде этого:

Ответ 3

Ответ 4

Я столкнулся с этим вопросом, но принятый и очень высокий ответ не сработал у меня. Оказывается, если вы используете React, то установка selected не работает.

Вместо этого вам нужно установить значение в теге

Ответ 5

Вы можете сделать это следующим образом:

Предоставьте «выбранное» ключевое слово внутри тега параметра, который вы хотите по умолчанию указывать в раскрывающемся списке.

Или вы также можете указать атрибут тега опции i.e.

Ответ 6

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

Ответ 7

Я предпочитаю это:

‘Choose here’ исчезает после выбора опции.

Ответ 8

Улучшение для nobita ответа. Также вы можете улучшить визуальный вид выпадающего списка, спрятав элемент «Choose here».

Ответ 9

Другой пример; используя JavaScript для установки выбранной опции.

(Вы можете использовать этот пример для цикла для массива значений в выпадающем компоненте)

Ответ 11

Лучший способ на мой взгляд:

Почему не отключен?

При использовании атрибута disabled вместе с Reset значение не сбрасывается в исходный заполнитель. Вместо этого браузер выбирает сначала не отключенную опцию, которая может вызвать ошибки пользователя.

Пустое значение по умолчанию

Каждая производственная форма имеет проверку, тогда пустое значение не должно быть проблемой. Таким образом, у нас может быть пустой выбор не требуется.

Атрибуты синтаксиса XHTML

Синтаксис selected=»selected» — это единственный способ совместимости с XHTML и HTML 5. Это правильный синтаксис XML, и некоторые редакторы могут быть рады этому. Это более обратно совместимо. У меня нет сильного чувства по этому поводу, но если вышеупомянутые аргументы являются вашими требованиями, вы должны следовать полному синтаксису.

Ответ 12

Если вы вступаете в реакцию, вы можете использовать defaultValue как атрибут вместо value в теге select.

Ответ 13

Если вы используете select с angular 1, вам нужно использовать ng-init, иначе второй вариант не будет выбран, поскольку ng-model переопределяет выбранное значение defaul

Ответ 14

Я использовал эту функцию php для создания опций и вставлял ее в свой HTML

И затем в моем коде веб-страницы я использую его, как показано ниже:

Если $endmin создается из переменной _POST каждый раз, когда страница загружается (и этот код находится внутри формы, в которой размещаются сообщения), то по умолчанию выбрано ранее выбранное значение.

Ответ 15

Этот код устанавливает значение по умолчанию для элемента select HTML с PHP.

Ответ 16

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

Ответ 17

Вы можете использовать:

оба одинаково правильны.

Ответ 18

Я просто сделал бы значение первого параметра выбора значением по умолчанию и просто скрыл это значение в раскрывающемся списке с новой скрытой функцией HTML5. Как это:

Ответ 19

Я сам использую его

Ответ 20

Ответ 21

Вам просто нужно поставить атрибут «selected» на конкретную опцию, вместо того, чтобы напрямую выбирать элемент.

Вот фрагмент для одного и нескольких рабочих примеров с разными значениями.

Ответ 22

Вот как я это сделал.

Ответ 23

Я использую Angular, и я установил опцию по умолчанию

Источник

По умолчанию выбрать вариант как пустой

У меня очень странное требование, в соответствии с которым я не должен выбирать опцию по умолчанию в выпадающем меню в HTML. Тем не мение,

Я не могу использовать это,

ОТВЕТЫ

Ответ 1

Может быть, это будет полезно

— select an option — будет отображаться по умолчанию. Но если вы выберете опцию, вы не сможете выбрать ее обратно.

Вы также можете скрыть это, добавив пустую option

Ответ 2

Вы можете использовать Javascript для достижения этого. Попробуйте следующий код:

Ответ 3

Сегодня (2015-02-25)

Это действительный HTML5 и отправляет пустое (а не пробел) на сервер:

Проверенное поведение с Win7 (IE11 IE10 IE9 IE8 FF35 Safari5.1) Ubuntu14.10 (Chrome40, FF35) OSX_Yosemite (Safari8, Chrome40) Android (Samsung-Galaxy-S5)

Следующее также проходит проверку сегодня, но пропускает какой-то космический символ также сервер из большинства браузеров (возможно, не желательно) и пробел на других (Chrome40/Linux пропускает пробел):

Ранее (2013-08-02)

В соответствии с моими заметками, объект без разбиения пространства внутри тегов опций, показанный выше, в 2013 году произвел следующую ошибку:

Ошибка: W3C Markup Validaton Service (Public): первая дочерняя опция элемент элемента select с требуемым атрибутом и без множественный атрибут и размер которого равен 1, должен иметь либо пустой атрибут value или не должен содержать текстового содержимого.

В это время регулярное пространство было действительным XHTML4 и отправило пустое (а не пробел) на сервер из каждого браузера:

Future

Было бы приятно, если бы спецификация была обновлена, чтобы явно разрешить пустую опцию. Предпочтительно использовать самый короткий синтаксис. Любое из следующих было бы здорово:

Тестовый файл

Ответ 4

Ответ 5

Решение, которое работает только с помощью CSS:

A: встроенный CSS

Ответ 6

В этом случае вы можете избежать выборочной проверки.

Ответ 7

Пробовал и тестировал для jQuery v1.7.2 (последняя версия от 18 апреля 2012 г.), однако «prop» не работает для этой версии.

Ответ 8

Нет HTML-решения. По спецификации HTML 4.01 поведение браузера undefined, если ни один из элементов option не имеет атрибута selected , и что на самом деле делают браузеры, они делают первый вариант предварительно выбранным.

В качестве обходного пути вы можете заменить элемент select на набор элементов input type=radio (с тем же атрибутом name ). Это создает контроль одного и того же типа, но с другим внешним видом и пользовательским интерфейсом. Если ни один из элементов input type=radio не имеет атрибута checked , ни один из них изначально не выбран в большинстве современных браузеров.

Ответ 9

Я понимаю, что вы пытаетесь сделать. Лучший и самый успешный способ:

Ответ 10

Я нашел это действительно интересным, потому что я испытал то же самое не так давно. Тем не менее, я наткнулся на пример в Интернете о решении по этому поводу.

Без лишних слов, смотрите фрагмент кода ниже:

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

Хорошо, что все, я надеюсь, что это помогает. Ура!

Ответ 11

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

это также поддержит требуемую проверку.

Ответ 12

Просто небольшое замечание:

некоторые браузеры Safari, похоже, не учитывают ни «скрытый» атрибут, ни настройку стиля «display: none» (протестировано с Safari 12.1 под MacOS 10.12.6). Без явного текста-заполнителя эти браузеры просто показывают пустую первую строку в списке параметров. Поэтому может быть полезно всегда предоставлять пояснительный текст для этой «фиктивной» записи:

Благодаря атрибуту «disabled» он не будет активно выбран в любом случае.

Ответ 13

Я использую фреймворк Laravel 5, и ответ @Gambi помог мне, но с некоторыми изменениями для моего проекта.

У меня есть значения параметров в таблице базы данных, и я использую их с оператором foreach. Но перед выражением я добавил опцию с предложенными настройками @Gambit, и она заработала.

Надеюсь, это кому-то тоже поможет. Продолжайте хорошую работу!

Ответ 14

Первый вариант в раскрывающемся списке будет пустым.

Ответ 15

Это должно помочь:

Ответ 16

Проверяет в HTML5. Работает с атрибутом required в элементе select. Можно повторно выбрать. Работает в Google Chrome 45, Internet Explorer 11, Edge, Firefox 41.

Источник

Стилизация Select-Option (почти) без JavaScript

Стилизация некоторых стандартных элементов — довольно нетривиальная задача.

Разумеется, хороший специалист может стилизовать что угодно, однако всё упирается в сложность этого действия.

Для стилизации радиокнопок и чекбоксов потребуется совсем немного времени — идея стилизации label со скрытыми input не нова, и давно и повсеместно используется.

Для стилизации остального — есть JavaScript.

Сегодня я хочу рассказать Вам о том, как можно относительно просто стилизовать выпадающие списки, с минимальным кодом JavaScript (от 0 до 26 строк) и минимальной дополнительной разметкой HTML.

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

И вот, когда я уже почти закончил писать очередную жуткую конструкцию, призванную заменить несчастный Select, у меня возник вопрос:

Обычно этот вопрос ведёт к умудрённой прокрастинации, переосмыслению жизни и т.д., но в этот раз что-то пошло не так, и я понял, что вопрос и правда был хорошим, а главное — полезным.

Итак, для тех, кто в танке, а также тех, кому выпадающие списки доставили столько боли, что они решили забыть о них, как о страшном сне, я немножко (правда) напомню о том, что это такое.

Выпадающие списки состоят из 2 основных элементов:

1. Select — контейнер для всего списка
2. Option — элемент списка

Иногда используется ещё и OptGroup (группа элементов списка), но его реализация пока что остаётся на JavaScript’е.

Основной функционал выпадающего списка — отправка информации о выбранном(ых) пункте(ах) на сервер.

Для полноты картины, вот список атрибутов элементов (чтобы можно было оценить, сколько из них будут реализованы):

Уже было написано немало слов, поэтому — ближе к коду:

Итак, чем же хорош этот код? (всё, без чего можно обойтись при объяснении, убрано специально)

Давайте отметим, какие пункты из функционала Select и Option автоматически стали возможны, за счёт использования input + label:

1. Select — form, name, required
2. Option — disabled, label, selected, value

И вот всё, что остаётся реализовать:

1. Select — disabled, multiple, size
2. Option — полностью реализовано

Всего лишь добавлением связок input + label, мы сократили список необходимого функционала с 10 пунктов до 3. Неплохо, но ведь это не конец, верно?

Чтобы реализовать пункт Select.multiple (множественный выбор) — достаточно сделать так:

Мы всего-навсего меняем тип input’ов с Radio на Checkbox, и получаем практически полный аналог multiple.

Разница в том, что для множественного выбора не нужно зажимать ctrl (ну а если кто-то хочет полностью имитировать функционал — JavaScript в помощь).

1. Select — disabled, size
2. Option — полностью реализовано

Ну что ж, и Select.disabled и Select.size предельно просто реализуются с помощью CSS:

• Select.size — какой зададите размер, такой и будет. Необходимо будет просто добавить контейнер.
• Select.disabled — для контейнера нужно добавить pointer-events: none , чтобы отменить реакцию на любые действия пользователя (наведение, клики и т.д.), ну и можно сделать его чуть прозрачным.

Итак, основной функционал есть. Чего не хватает?

Нужно также добавить автозаполнение заголовка для выпадающего меню с единственным выбором, а также возникнет проблема при сбросе формы (кнопка Reset), т.к. заголовок не сбросится. Но и это — вполне решаемо (с помощью JavaScript).

Немного реализации (выпадающее меню с единичным выбором):

И ещё немного (не выпадающее меню с множественным выбором):

Бонус: не знаю, зачем я это сделал, но… выпадающее меню с единичным выбором и работающим на CSS сбросом заголовка:

Зачем это нужно?

В связи с тем, что судя по комментариям, не все понимают, для чего будет полезен данный код, считаю нужным дать некоторые разъяснения.

При стилизации выпадающих списков вида:

есть серьёзные ограничения стилизации. Поэтому их заменяют на простые списки:

которым с помощью JavaScript навешивают весь необходимый функционал.

Поскольку изначально списки никак не взаимодействуют с формами, из-за этого возникают проблемы.

Мало того, что необходимо реализовать весь основной функционал:

• переключение пунктов и их взаимодействие
• состояния (checked, disabled)
• привязка к форме и отправка данных на сервер
• инициализация исходных данных (автозаполнение)
• сброс формы (при нажатии на кнопку «reset» список нужно вернуть в состояние при инициализации)

Фактически, если в JavaScript что-то ломается, не важно, из-за чего — скрипт не догрузился, возник баг, внесли правки — при возникновении любой проблемы выпадающий список превращается в… что-то, выглядящее как выпадающий список, но не работающее.
Вообще. Никак.

Для пользователя это будет выглядеть так: есть выпадающий список, но работать с ним нельзя.

Для сервера это будет выглядеть ещё «веселее» — пришла форма, в которой не хватает части данных. Хорошо, что такую ситуацию заранее предусмотрели при разработке… Ведь предусмотрели, правда?

Плюсы получившегося решения:

• Весь основной функционал (смотри выше), кроме сброса заголовка ВСЕГДА будет работать. Даже если у человека вообще отключён JavaScript (хоть это и стало практически неактуально). Единственное, что может пойти не так — нельзя будет открыть список. Но и в этом случае отправится значение по умолчанию, плюс смену состояний — список открыт/закрыт — можно реализовать прямо в коде html (защита от проблем с файлом JS), или вообще открывать по наведению.
• Данного функционала достаточно для большинства подобных списков. Да, возникнут проблемы у людей, использующих дополнительный функционал (об этом ниже). Но в случае со списком на ul — li для работы и вовсе требуется библиотека, и много что может пойти не так.

Минусы (доп. функционал, который не реализован, и добавляется JavaScript’ом / библиотеками):

• Переключение с помощью tab
• Управление стрелками (в стандартном select можно менять выбранный пункт кнопками вверх-вниз)
• Озвучка скринридерами (для людей, у которых проблемы со зрением текст на странице озвучивается)
• Не работает как нативный select на мобильных (на мобильных select довольно удобно работает сам по себе. При желании можно определять устройство и подменять на стандартный select)
• Список не умеет выпадать вверх, если снизу край вьюпорта (JS сделает это)
• Группировка пунктов (аналог OptGroup) (сложно, и очень редко встречается)

Как видно, ничто из вышеперечисленных минусов не является критичным для подавляющего большинства списков, и при необходимости реализуется с помощью JavaScript, а потому.

Добро пожаловать в мир, где Ваши библиотеки для стилизации Select-Option-подобных списков станут чуточку меньше, а работа с этими списками без библиотек — почти комфортной!

UPD: как оказалось, в случае с чекбоксами атрибут required работает некорректно, и его также необходимо эмулировать с помощью JavaScript (на данный момент обязательными становятся все чекбоксы, отмеченные как required, и только они)

Источник