Solved

select.options as associative array

Posted on 2002-05-15
8
285 Views
Last Modified: 2009-12-16
I want to access the select.options collection as an associative array, but can't seem to get it to work, e.g.

<select>
<option id="option1" value="nar">blah
</select>
<script>
refToSelect.options["option1"].value= "hello";
</script>

As just about everything in JavaScript is an associative array, I thought this would work, but it doesn't.

Any ideas on how to make it work (and don't tell me to loop through the options and match - thats what I want to avoid).

Leon
0
Comment
Question by:Astroman
  • 4
  • 4
8 Comments
 
LVL 33

Expert Comment

by:knightEknight
ID: 7010997
document.getElementById("option1").value
0
 
LVL 33

Expert Comment

by:knightEknight
ID: 7011005
<script>
document.getElementById("option1").value = "hello";
</script>
0
 
LVL 1

Author Comment

by:Astroman
ID: 7011151
I know that strictly that works, but I'd prefer (from a code readability point of view) to reference it via the options, or at least the select object, so it's clear what the code is doing.

I guess I could do it using the children collection of select?

Cheers,

Leon
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 33

Accepted Solution

by:
knightEknight earned 50 total points
ID: 7011179
yes, perhaps:

refToSelect.children.option1.value = "hello";
0
 
LVL 1

Author Comment

by:Astroman
ID: 7011185
I'll leave this a bit longer, but I guess this is the best way. If so, I'll give you the points.  Thanks kek.

0
 
LVL 1

Author Comment

by:Astroman
ID: 7011254
Dunno what to do now. Turns out my original post was correct, but my (SS generated) code had the element id as a number, which is wrong and was breaking it.

So the answer is, 'options' is an associative array (as I suspected), and I'm silly.

I'll give you the points, because someone should have them, and at least it got me debuggin it properly....
0
 
LVL 33

Expert Comment

by:knightEknight
ID: 7011265
I see, I thought that it should have worked as you originally described it, but I just assumed not since you had tried it.  Oh well, thanks for the points, and for the exercise.
0
 
LVL 1

Author Comment

by:Astroman
ID: 7011295
actually, I'm beginning to feel a complete fool. Having ( I thought) verified that it did actually work, it seems to have stopped working now.  I dunno. type first, think later today.

'children' works for sure, anyway, so I'm happy (ish)
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
How to refresh a page from a sub domain in ajax ? 34 43
email validation 9 47
How do I add counter to html listbox using jquery 2 24
HTML editor custom button 3 54
In my daily work (mainly using ASP.net), I need to write a lot of JavaScript code. One of the most repetitive tasks I do are the jQuery Ajax calls. You know: (CODE) I don't know if for you it's the same, but for me is soooo tedious to write the …
In Part 1 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7849-Hex-Maze.html) we covered the hexagonal maze basics -- how the cells are represented in a JavaScript array and how the maze is displayed.  In this part, we'…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

735 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