2

Почему одно работает, а второе нет?

С идентичными кодом!

<form>
  Пример 1 (не работает)
<fieldset>

<legend>Кто косил траву на поляне?</legend>
   <select required size='1' name='project_type' style='width: 308px; color: #333333; border: solid 1px #000000; border-radius:4px; box-shadow: inset 2px 2px 4px 0px #bbbbbb; background-color:#f0f0f0; padding-bottom:2px; font:bold 14px "Trebuchet MS";'>
    
    <option value='1'>Косари</option>
    <option value='2'>Кесари</option>
    <option value='3'>Караси</option>
    <option value='4'>Зайцы</option>
    <option value='5'>Волки</option>
    <option value='6'>Бараны</option>
    <option value='other'>затрудняюсь с ответом</option>

  </select>
  <input type="submit" value="Отправить">
</fieldset>
</form>

<hr>Пример 2 (работает)
<form>
  <p>Какое растение в списке вечнозелёное?</p>
  <p>
    <select name="pregunta" required>
      <option></option>
      <option value="1">Ольха</option>
      <option value="2">Берёза</option>
      <option value="3">Бузина</option>
      <option value="4">Тис</option>
    </select>
  </p>
  <p>
    <input type="submit" value="Отправить">
  </p>
</form>

Ссылка на jsFiddle (в нём конкретно видно это срабатывание\несрабатывание).

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

1
  • а какой смысл в selected если нельзя выбрать вариант ответа?
    – вова
    18 окт 2022 в 8:47

1 ответ 1

9

Разобрался! Надо чтобы value было пустым.

<option selected disabled value=''>Ответьте правильно на вопрос:</option>
4
  • 1
    Ой, я почти отправил такой ответ, но вы чуть быстрее меня) 16 июл 2015 в 2:00
  • #Peter Olson Спасибо. Просто может кому и сгодится.
    – I_CaR
    16 июл 2015 в 17:13
  • 1
    @I_CaR ну ты крутой, сильно помог, спасибо. 20 мар 2020 в 15:07
  • Select required теперь работает в Chrome! ================================================== Вот мой случай: <select id="sobr" name="sobr" required> <option disabled="" selected="" value=''>выберите тип собрания</option> <option value="внеочередного" >внеочередного</option> <option value="годового">годового</option> </select> Без value='' работало в Mozilla, в Chrome нет. Когда добавил value='' в Chrome тоже заработало! Спасибо I_CaR! 6 апр 2020 в 9:05

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.