How do I resequence dropdown list controls like the NetFlix queue from the client side (Javascript)

Question

We have a series of drop down controls that determine the sort order of columns. The problem we are having is when the user selects a column as the 2nd column the other dropdown lists need to have their values changed so that there is only one "2nd".

Column A [1]
Column B [2]
Column C [3]
Column D [4]
Column E [5]

In the list above, when you change Column D to [2], Column B becomes [3], C becomes [4], etc. I can manage it on the server side but I was wondering if anybody had some clues how to do this on the client side with javascript.

Adam Franco · Accepted Answer · 2008-09-30 23:35:06Z

2

Look at Javascript toolkits like Scriptaculous for client side reordering.

You add your elements as "Sortables" and code your own callbacks to execute when the items are dragged, then dropped -- such as sending an asynchronous request to the server to persist the new order.

Here is a full tutorial on creating sortable lists with Scriptaculous and PHP. For ASP, the client side code will be slightly different, but the process will be similar.

edited Sep 30, 2008 at 23:35

answered Sep 30, 2008 at 23:29

Adam Franco

87.5k5 gold badges39 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

cllpse · Accepted Answer · 2008-10-01 18:26:17Z

0

On a note on JavaScript frameworks; I highly recommend jQuery.

answered Oct 1, 2008 at 18:26

cllpse

21.8k37 gold badges134 silver badges170 bronze badges

Collectives™ on Stack Overflow

How do I resequence dropdown list controls like the NetFlix queue from the client side (Javascript)

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related