Какой элемент HTML следует использовать, когда пользователь должен выбрать несколько элементов из большого списка в ASP.NET MVC?

Question

У меня есть форма для адвокатов, где они должны иметь возможность выбирать, в каких штатах они имеют лицензию.

Итак, им нужен чистый способ выбрать несколько штатов из всех 50 штатов.

Что я не уверен, так это то, как справиться с этим в HTML. Есть ли какой-нибудь возможный способ выпустить чекбоксы или что-то подобное?

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

Спасибо

Simpatico

Answer 1

Этот плагин jQuery может помочь.
Привязка должна работать так же, как при обычном выборе, допускается несколько выбранных элементов.

Answer 2

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

<select multiple="multiple">
    <option>One</option>
    <option>Two</option>
    <option>Three</option>
</select>

но я не думаю, что это было бы слишком полезно для 50 штатов.

Answer 3

Можно рассмотреть возможность применения подхода, широко распространенного в настольных приложениях.

Поместите в форму два выбранных окна - одно для всех доступных параметров, другое для тех, которые выбрал пользователь. Также поместите две кнопки, желательно между этими двумя окнами - «Добавить элемент» и «Удалить элемент».

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