Improve company productivity with a Business Account.Sign Up

x
?
Solved

html select storing more than one value against an option

Posted on 2009-05-11
4
Medium Priority
?
295 Views
Last Modified: 2012-05-06
Hi all,

I would like to be able to show a select box on my webpage which shows names. Against each name I would like to store a code AND a short description. Can this be done?

Thanks

Duncan
0
Comment
Question by:DuncanRichardson
  • 3
4 Comments
 
LVL 41

Expert Comment

by:HonorGod
ID: 24353420
Well, you could have a data structure (e.g., a dictionary) that could be used to hold whatever information that you want/need that was associated with the select options.

For example, the dictionary key could be the names from the select list, and the value could be the code and description.

Does this make sense?
0
 

Author Comment

by:DuncanRichardson
ID: 24353454
Can this be done in javascript?
0
 
LVL 41

Accepted Solution

by:
HonorGod earned 375 total points
ID: 24353483
Something like this perhaps?h
<html>
<head>
<title> Extra Select stuff </title>
<script type="text/javascript">
  var stuff = { 'Tom'  : [ 1.23, 'Tom stuff' ],
                'Dick' : [ 3.45, 'Dick stuff' ],
                'Harry' : [ 5.67, 'Harry stuff' ]
              }
 
  function pick( name ) {
    alert( name + ' -> ' + stuff[ name ] )
  }
</script>
</head>
<body>
 <select onchange='pick(this.options[this.selectedIndex].value)'>
   <option value=''>Pick...</option>
   <option>Tom</option>
   <option>Dick</option>
   <option>Harry></option>
 </select>
 
</body>
</html>

Open in new window

0
 
LVL 41

Expert Comment

by:HonorGod
ID: 24430625
Thanks for the grade & points.

I'm sorry that you didn't think the answer warranted and A.

Good luck & have a great day.
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

WAP (Web Application Proxy) provides reverse proxy functionality for web applications in the corporate network which allows users on most devices to access internal web applications from external networks.
An interesting look at how you can use YouTube video essays in the classroom.
In response to a need for security and privacy, and to continue fostering an environment members can turn to for support, solutions, and education, Experts Exchange has created anonymous question capabilities. This new feature is available to our Pr…
Through the video, you can check the migration process of Outlook PST file to PDF. Kernel for Outlook to PDF tool can convert Outlook emails with all attributes like Subject, To, From, Cc, Bcc and other folders such as Inbox, Outbox, Sent Items, Jun…

602 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question