小编bes*_*mar的帖子

我很难过.我有一个带下拉列表的表单,我想获取列表中所有值的列表.我从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

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