在MooTools中使用getSelected

时间:2011-07-01 16:55:58

标签: javascript drop-down-menu mootools html-select

我是JS和Mootools的新手,我在使用Mootools 1.3.2的getSelected()时遇到了一个非常有趣的错误。 I've looked at other posts that have similar code,但我没有成功。我正在使用getSelected来尝试获取选项的值,出于某种原因,我的浏览器根本就没有调用它。

这是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>

这是JS

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

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

这是我尝试投入jsfiddle:http://jsfiddle.net/jNYud/

我知道这可能是一个非常愚蠢的问题,但我会感激一些帮助。谢谢!

1 个答案:

答案 0 :(得分:4)

调用getSelected()的结果返回一个纯粹而简单的数组。所以你只需要查看该数组的第一个元素。所以用这个替换你的警报:

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