0

We're wanting to rank people in order, but don't want to allow the same option to be selected more than once:

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>

So here, if someone chooses option 1 in the first person box, all the option boxes would be repopulated with that option removed (or disabled).

Obviously the first option - null 'Please Select an Option' must be ignored.

I would also need some kind of 'reset' functionality?

No idea where to start with this, any ideas?

thanks!

4

1 に答える 1

1

私の理解が正しければ、1 から N までランク付けしたい N 人がいます (ランキングから除外される人は誰もいません)。

JavaScript コンポーネントがコンテキストに受け入れられるオプションである場合は、«Sortable» コンポーネントを使用することをお勧めします。

http://jqueryui.com/sortable/

複数の「選択」要素を使用するよりも、ユーザー エクスペリエンスが向上する可能性があります。

編集:わかりました、コメントから、あなたが本当に N "select" を使用したいことがわかります。Flea777 で提案されているように、JQuery の .change() イベントを見て、既に選択されている「オプション」エントリに「無効」属性を設定する必要があります: http://www.w3schools.com/tags/att_option_disabled。 asp

于 2013-10-03T13:28:04.773 に答える