如何在onchange MooTools选项中添加/删除所选属性？

Question

Here is my fiddle: http://jsfiddle.net/tE6Wv/7/

I need to add or remove from previously selected option attribute selected="selected" to the option on change with moo , but the html is never added.

I am slo creating the menu with moo but selected value is not taken

var firstoption = new Element('option', { 
    'selected':'selected', 
    'value':"myValue" 
}

or

var firstoption = new Element('option', {
    'selected': true,
    'value': "myValue"
} 

none of these work

Appreciate any help. Thank you!

Answer 1

FWIW, you can change your fiddle to confirm that selected is already being changed for you as such. I've assigned id's to the 2 options just to make it a little easier to tell:

html change to include id attributes on the 2 link options:

<select id="menu" onchange="location.href=this.value">
    <option value="">Go to..</option>
    <option id="link1" value="#">Link</option>
    <option id="link2" value="#">Link</option>
</select>​​​​​​​​​​​

js to show the selected changes already:

$('menu').addEvent('change',function() {
    alert(document.getElementById('link1').selected);
    alert(document.getElementById('link2').selected);
});​