SelectedIndex change doesn't work.

Question

I'm trying to change the selectedIndex of a combo using spry in this way Spry.$$("#combo").selectedIndex, but it doesn't work. Any idea why it doesn't?
Thanks
Andrea

Answer 1

seoinabruzzo wrote:
Ok thanks for the clarification, also if this get me confused a bit, because all the code I wrote use the Spry.$$("#comboProdotti") etc, because I was thinking that just using # in front of the name was enough to let Spry undestand I was referering to an object ID.
And technically this is right, because currently my code is working, but it shouldn't because in the code I never accessed to the object in an array style.
Have a look at www.cofofaniabruzzo.it/js/product.js
So what's the best method to use?
Let me try to say what I understood Single object, use the Spry.$, more than one object that use a class use the Spry.$$. Is this right? In both cases I should be able to get access to HTML tags, is this right again?
Regarding to my original question, as per your suggestion, in both way I'm able to get the selectedIndex property, but if I try to alter the value, it seems that it's ignored.
What i'd like to achieve is move the selectedIndex to 0. Technically this is right for any W3C compatible browser. Guess what? IE point the combo on the last item, while display the first element in the combo. That why I was trying to alter it.
I tried also to use an object observer
    dsProductsObserver.onPostLoad = function(dataSet, data) { Spry.$('combo').selectedIndex = 0; };
but in this context the Spry.$ is not accessible. Why not?
Thanks
Andrea
Hello,
Your site doesn't work. Is it maybe behind a firewall?
If you want to target only one node that has an id attribute on it, its best to use the Spry.$ function, for all others you can use the Spry.$$ element selector.
Heres some info about the Spry selectors : http://labs.adobe.com/technologies/spry/articles/element_selector/index.html
What i alway do to select certain elements is this:
var element = Spry.$('combo'),
     target = 'name';
for(var i = 0; i < element.length; j++){
     if(element[i].value == target){
          element[i].selectedIndex = i;
If the value is the name as our target it will select that. This will probably help you out with your IE issue. Just change 'name' in to the value of your first option. And it should be selected.