如何查看是否選擇了下拉元素

Question

我是javascript新手，我想從下拉菜單中打印出選定的項目。

這是HTML代碼：

<fieldset>
    <label>3. Select your operating system</label>&nbsp;
    <select class="form-control" name="Os">
        <option selected="selected" value="select one">- select one -</option>
        <optgroup label="Basic">
            <option value="OSX">Mac OSX</option>
            <option value="windows">Windows</option> 
        </optgroup> 
        <optgroup label="Advanced">
            <option value="linux">Linux</option>
        </optgroup>
    </select>
</fieldset>

我的JavaScript代碼是：

<script type= text/javascript>
    var e = document.getElementByName("Os");
    var strUser = e.options[e.selectedIndex].value;
    document.writeln(strUser);
</script>

由於某種原因，它不會打印所選的值。 有任何想法嗎？

Answer 1

沒有getElementByName ，它是getElementsByName ，它得到一個nodeList

var strUser = document.getElementsByName("Os")[0].value;

小提琴

並確保script標簽位於DOM中的元素之后