Лучший способ ввести возрастной диапазон с больше и меньше - PullRequest
2 голосов
/ 12 ноября 2011

Это очень простой вопрос, но я рисую пробел.

Мне нужно добавить данные о возрастных диапазонах в мою форму (как при создании групп возрастных диапазонов, которые могут быть выбраны людьми позжескажем, в опросе).

Например, входные данные могут быть следующими:

Меньше 50 50-55 55-59 60 и выше

Как лучшечтобы разрешить админку такие диапазоны?Очевидно, что 50-55 - это просто два текстовых поля.Но как бы они попали под 50?Должен ли я оставить их пустыми в первом поле и ввести 49 во втором поле?А для 60 и более введите 60 и оставьте второе текстовое поле пустым?Должен быть лучший способ.

Ответы [ 3 ]

0 голосов
/ 12 ноября 2011

Вы должны предложить пользователю выбор, например, выпадающий список что-то вроде:

          <select id="Select1">
                <option value="0">Under 50</option>
                <option value="1">50-55</option>
                <option value="2">55-59</option>
                <option value="3">60 and Over</option>

            </select>
0 голосов
/ 01 марта 2012

Я бы сделал это так, как вы предлагаете:

  • два текстовых ввода для определения каждого сегмента
  • оставив первый пробел означает <= второй (они также могут ввести 0 в первом поле) </li>
  • оставляя второй пробел означает> первый

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

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

т.е. 50, 55, 60 будет переводиться в 4 категории: 50 или ниже, 51-55, 56-60, более 60

Я думаю, что это решение более элегантно, но пользователю будет сложнее его понять.

0 голосов
/ 12 ноября 2011

Как насчет просто выпадающего списка вместо двух текстовых полей?

<select>
   <option>under 50</option>
   <option>50 to 60</option>
   <option>over 60</option>
</select>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...