javascript,在选择框中获取所有值的列表

我被困了我有一个带有下拉列表的表单,我想获取列表中所有值的列表.我从w3学校中抽出了下面的例子(是的,我知道这是不可靠的,但堆栈溢出的其他解决方案似乎非常类似于此).这对我来说不行,我试着把它插入jsfiddle,但没有运气.

HTML:
<form>Select your favorite fruit:
    <select id="mySelect">
        <option value="a">Apple</option>
        <option value="o">Orange</option>
        <option value="p">Pineapple</option>
        <option value="b">Banana</option>
    </select>
</form>
<button type="button" onclick="displayResult()">display text of all options</button>

JavaScript的：

function displayResult() {
    var x = document.getElementById("mySelect");
    var txt = "All options: ";
    var i;
    for (i = 0; i < x.length; i++) {
        txt = txt + "\n" + x.options[i].value;
    }
    alert(txt);
}

不工作在jsfiddle：http://jsfiddle.net/WfBRr/1/

但是,它的工作在他们的网站：
http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_option_text2

任何想法如何解决这个问题？

解决方法

你有两个问题：

1)您包含HTML的顺序.尝试在您的小提琴的JavaScript设置中将下拉列表从“onLoad”更改为“无包装”.

2)您的功能打印值.你实际上是文字

x.options [I]的.text;而不是x.options [i] .value;

http://jsfiddle.net/WfBRr/5/