/    Sign up×
Community /Pin to ProfileBookmark

Form Challenge: Allowing users to put items in rank order???

Copy linkTweet thisAlerts:
Jun 02.2006

Has anyone seen a good way to allow a user to put a list of options in rank order?

Here’s the “offline” version of what I need to do:

———-

Preferred location for event (rank in order of preference, 1 being most preferable):

[ ] North
[ ] South
[ ] East
[ ] West

———-

I got as far as setting it up as a grid of radio buttons, with the groups arranged “vertically”. This got me half way there: only one of the locations can be “first” (only one “second,” etc.) … but of course this didn’t stop the same location being both first and second (and third… )

Of course, all things are possible with JavaScript, but I wanted to make sure I hadn’t missed a “standard” HTML approach.

Any thoughts?

to post a comment
HTML

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@dthurman1432Jun 02.2006 — I'm not quite shure what your trying to accomplish. You have 5 vertical radio buttons and what......?
Copy linkTweet thisAlerts:
@kiwibritJun 02.2006 — First thoughts would be to have a series of forms with drop down menu besides each offering the choices of 1, 2, 3, 4. Then treat the whole thing server side, with error trapping to stop the same value being declared twice.

I guess you could do it with javascript - but I understand about 20% of web users don't have that enabled.
Copy linkTweet thisAlerts:
@heacox1Jun 02.2006 — That seems very confusing.
Copy linkTweet thisAlerts:
@GarySauthorJun 03.2006 — [B]dthurman1432[/B] - sorry: I didn't do a very good job of explaining this. Easiest is to show you what I have so far - here's a link to a rough mock-up:

http://www.brainboxweb.co.uk/client/ranking.htm


[B]kiwibrit[/B] - like your suggestion, this (above) could be validated server side to prevent duplicate entries. Thanks for mentioning JavaScript: the reason I'm "rolling my own" (survey) is precisely because things like SurveyMonkey are totally reliant on JS. (I'm an "unobtrusive JavaScript" guy)


* * * * * *

Just given some thought to the data collection site of things... and having the "radio group" arranged vertically might be a headache. This link...

http://www.brainboxweb.co.uk/client/ranking2.htm

.. have two versions of the thing: the first is the same as the above (allowing just one "first"), the second is a more usually arrangement of the radio groups (allowing just one "red cars")
Copy linkTweet thisAlerts:
@dthurman1432Jun 05.2006 — I don't have any time to write the code for you but the idea is to make columns 2 and 3 disabled until the user selects a ranking for column 1. Then that selection will enable only the choices that are left in column 2. Then that will enable only one option left in column 3. There should be someone out there to understand where I'm going with this and throw something together. Hope that idea helps
Copy linkTweet thisAlerts:
@GarySauthorJun 05.2006 — Oooo... I like it! Think I can just about code it too. Many thanks!
×

Success!

Help @GaryS spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...