Javascript - несколько блоков SELECT, удалите опции «SELECTED»

Question

Javascript - несколько блоков SELECT, удалите опции «SELECTED»

0

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

Person Number 1
<select name="person1">
<option value="null">Please Select an option</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

Person Number 2
<select name="person2">
<option value="null">Please Select an option</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

Person Number 3
<select name="person3">
<option value="null">Please Select an option</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

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

Очевидно, что первый вариант - null "Пожалуйста, выберите вариант" должен быть проигнорирован.

Мне также нужна какая-то функция "перезагрузки"?

Не знаю, с чего начать, какие-нибудь идеи?

благодарю!

BigDistance 03 окт. 2013, в 15:49

Источник

1

Проверьте событие .change () в jQuery.
Flea777 03 окт. 2013, в 13:23
0

Заполняете ли вы все выпадающие списки каждый раз, когда изменяется какое-либо из раскрывающихся списков, или только при изменении предыдущего? т. е. пользователь выбирает элемент 3 из person3, выполняет ли это раскрывающийся список обновления 1. Или, если пользователь выбирает элемент 3 из person1, это обновляет только раскрывающийся список 2, а не 3.
Nunners 03 окт. 2013, в 13:23

Теги:

javascript

html

select

loops

forms

1 ответ

Ещё вопросы

Заполняете ли вы все выпадающие списки каждый раз, когда изменяется какое-либо из раскрывающихся списков, или только при изменении предыдущего? т. е. пользователь выбирает элемент 3 из person3, выполняет ли это раскрывающийся список обновления 1. Или, если пользователь выбирает элемент 3 из person1, это обновляет только раскрывающийся список 2, а не 3.

Grégoire C · Answer 1 · 2013-10-03T10-30-00.000Z

Если я правильно понимаю, у вас есть N человек, которых вы хотите оценивать от 1 до N (их никто не оставил в рейтинге).

Если компоненты JavaScript являются приемлемым вариантом для вашего контекста, я бы предложил использовать компонент "Сортировка":

http://jqueryui.com/sortable/

Это может дать лучший пользовательский опыт, чем наличие нескольких элементов "select".

EDIT: Хорошо, я вижу из комментариев, что вы действительно хотите использовать N "select". Как было предложено Flea777, вы должны посмотреть событие.change() JQuery и установить атрибут "disabled" в уже выбранных элементах "option": http://www.w3schools.com/tags/att_option_disabled. гадюка

Я думаю, что вы можете быть немного смущены тем, что запрашивает OP, я полагаю, что он просит, чтобы 3 выпадающих списка были заполнены из одного и того же списка, но, по сути, не позволяли выбирать одно и то же значение несколько раз.
@Nunners: Я считаю, что «ранжировать людей» означает «сортировать людей», и для этого не существует «чистого решения HTML». Так как он должен будет использовать некоторый JavaScript, чтобы отключить записи в последующем «select», то почему бы не использовать более привлекательный способ решения сценария использования? Это было мое рассуждение здесь.
Мне очень нравится идея использования sorttable, однако это не работает с мобильными телефонами, планшетами и т. Д. Моя идея состояла в том, чтобы использовать некоторую форму функции JavaScript для просмотра параметров, а затем использовать PHP для проверки - если они обойдут - или отключите JS.
@BigDistance Для вашей ситуации проверки с помощью JS, а затем с PHP, вместо повторного заполнения элементов каждый раз, почему бы просто не проверить, что ни у одного из других раскрывающихся списков нет одинакового значения, и всплыть предупреждение, чтобы предупредить их? Затем вы можете справиться с этим больше с помощью PHP.
@geceo Мои извинения Я думаю, теперь я понимаю, почему вы дали свой ответ, мои мысли были немного не в порядке :)
@Nunners Я думаю, что это может быть самый простой вариант. Я просто хотел больше проактивного ответа, а не реактивного подхода.