CODEWITHSUNDEEP
javascriptdrop-down-menumootoolshtml-select
Temuz
Temuz

Reputation: 1413

Using getSelected in MooTools

I'm new to JS and Mootools and I've been having a really funny error using getSelected() with Mootools 1.3.2. I've looked at other posts that have similar code, but I haven't been successful. I'm using getSelected to try and get the value of an option and for some reason, my browser simply isn't calling it.

Here's the HTML

<select id="id_method" name="method">
    <option selected="selected" value="">---------</option>
    <option value="Au">Auction (Best Price Wins)</option>
    <option value="Fi">Fixed Price</option>
    <option value="Fr">Free Item/Donation</option>
    <option value="Mu">Multiple Items and Prices</option>
    <option value="No">No Price Displayed</option>
    <option value="Tr">Trade</option>
</select>

Here's the JS

window.addEvent('domready', function() {
    ...

    $('id_method').addEvent('change', function() {
        alert(this.getSelected().selection[0].value);
    });
});

Here's my attempt at putting in in jsfiddle: http://jsfiddle.net/jNYud/

I know this is probably a really silly question, but I'd appreciate some help. Thanks!

Upvotes: 4

Views: 2035

Answers (1)

jmbucknall
jmbucknall

Reputation: 2061

The result of calling getSelected() returns an array, pure and simple. So you just need to look at the first element of that array. So replace your alert with this one:

alert(this.getSelected()[0].value);

Upvotes: 4

Related Questions