Multiple Select Issue

Если у меня есть поле выбора, как показано ниже, я хочу предложить пользователю выбрать параметр (хотя им разрешено выбрать ни одного, т. Е. Оставить «--Выбрать--»). Однако, если выбрана опция «Выбрать», ни один из остальных не должен быть, хотя при этой текущей настройке можно выбрать «Выбрать» и все остальные.Multiple Select Issue

Есть ли хороший способ иметь несколько полей выбора, где не может быть ни одного или нескольких параметров, выбранных без этого несоответствия, и по-прежнему запрашивать пользователя для ввода аналогичным образом? Я бы предпочел не использовать javascript для постоянного снятия/выбора значений в зависимости от выбора пользователя, если это возможно.

HTML

<!DOCTYPE html> 
<html> 
    <body> 

     <select id="desiredFruit" multiple="multiple"> 
      <option value="-1" selected="selected">--Choose--</option> 
      <option value="1">Apple</option> 
      <option value="2">Orange</option> 
      <option value="3">Pear</option> 
     </select> 

    </body> 
</html>

источник

2015-10-10 AndrewB

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

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

Редактировать: Вы также можете использовать тег <optgroup>, чтобы вы могли разместить ярлык над параметрами, которые вы хотите, и даже группировать определенные параметры под группой элементов.

Как что:

<!DOCTYPE html> 
<html> 
    <body> 
     <select id="desiredFruit" multiple="multiple"> 
      <optgroup label="-- Choose --"> 
       <option value="1">Apple</option> 
       <option value="2">Orange</option> 
       <option value="3">Pear</option> 
      </optgroup> 
     </select> 

    </body> 
</html>

источник

2015-10-10 12:53:27 NeoTrix

Хм, да, может быть, это лучший подход. Благодаря! – AndrewB

@AndrewB, привет, см. Мое редактирование, возможно, это то, что вы хотели бы больше. – NeoTrix

А, это выглядит намного лучше. Спасибо! – AndrewB

Multiple Select Issue

ответ

Смежные вопросы